1<!DOCTYPE html>
2<meta charset="UTF-8">
3<style>
4.target {
5  display: inline-block;
6  font-size: 60pt;
7}
8.replica {
9  margin-right: 15px;
10}
11</style>
12<body>
13<template id="target-template">T</template>
14<script src="../testharness/testharness.js"></script>
15<script src="../testharness/testharnessreport.js"></script>
16<script src="resources/interpolation-test.js"></script>
17<script>
18assertInterpolation({
19  property: 'color',
20  from: 'black',
21  to: 'orange'
22}, [
23  {at: -0.3, is: 'black'},
24  {at: 0, is: 'black'},
25  {at: 0.3, is: 'rgb(77, 50, 0)'},
26  {at: 0.6, is: 'rgb(153, 99, 0)'},
27  {at: 1, is: 'orange'},
28  {at: 1.5, is: 'rgb(255, 248, 0)'},
29]);
30</script>
31</body>
32