1<!DOCTYPE html>
2<meta charset="UTF-8">
3<style>
4.target {
5  width: 50px;
6  height: 50px;
7  background-color: black;
8  display: inline-block;
9  outline: 12px solid white;
10  margin: 12px 12px;
11}
12.replica {
13  background-color: green;
14}
15</style>
16<body>
17<script src="../testharness/testharness.js"></script>
18<script src="../testharness/testharnessreport.js"></script>
19<script src="resources/interpolation-test.js"></script>
20<script>
21assertInterpolation({
22  property: 'outline-color',
23  from: 'white',
24  to: 'orange'
25}, [
26  {at: -0.3, is: 'white'},
27  {at: 0, is: 'white'},
28  {at: 0.3, is: 'rgb(255, 228, 179)'},
29  {at: 0.6, is: 'rgb(255, 201, 102)'},
30  {at: 1, is: 'orange'},
31  {at: 1.5, is: 'rgb(255, 120, 0)'},
32]);
33</script>
34</body>
35