WPT
wpt / css / css-backgrounds / animations / border-color-interpolation.html
Spec: CSS Backgrounds ↗
Runs: Chrome 155.0.8043.0 (wpt@b89af32bc, 2026-09-05) | Firefox 157.0a1 (wpt@b89af32bc, 2026-09-05) | Safari 251 preview (wpt@b89af32bc, 2026-09-05) | Ladybird 1.0-f994f (wpt@b89af32bc, 2026-09-05) | Servo Servo 0.6 (wpt@2c385f65e, 2026-09-04) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 144/144 | 144/144 | 144/144 | 144/144 | 108/144 | 90/144 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <border-top-color> from neutral to [orange] at (-0.3) should be [rgb(0, 0, 181)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from neutral to [orange] at (0) should be [rgb(0, 0, 139)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from neutral to [orange] at (0.3) should be [rgb(77, 50, 97)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Transitions: property <border-top-color> from neutral to [orange] at (0.6) should be [rgb(153, 99, 56)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from neutral to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from neutral to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Transitions with transition: all: property <border-top-color> from neutral to [orange] at (-0.3) should be [rgb(0, 0, 181)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from neutral to [orange] at (0) should be [rgb(0, 0, 139)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from neutral to [orange] at (0.3) should be [rgb(77, 50, 97)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Transitions with transition: all: property <border-top-color> from neutral to [orange] at (0.6) should be [rgb(153, 99, 56)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from neutral to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from neutral to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Animations: property <border-top-color> from neutral to [orange] at (-0.3) should be [rgb(0, 0, 181)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from neutral to [orange] at (0) should be [rgb(0, 0, 139)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from neutral to [orange] at (0.3) should be [rgb(77, 50, 97)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Animations: property <border-top-color> from neutral to [orange] at (0.6) should be [rgb(153, 99, 56)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from neutral to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from neutral to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| Web Animations: property <border-top-color> from neutral to [orange] at (-0.3) should be [rgb(0, 0, 181)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from neutral to [orange] at (0) should be [rgb(0, 0, 139)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from neutral to [orange] at (0.3) should be [rgb(77, 50, 97)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from neutral to [orange] at (0.6) should be [rgb(153, 99, 56)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from neutral to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from neutral to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <border-top-color> from [initial] to [orange] at (-0.3) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [initial] to [orange] at (0) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [initial] to [orange] at (0.3) should be [rgb(77, 50, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Transitions: property <border-top-color> from [initial] to [orange] at (0.6) should be [rgb(153, 99, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [initial] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [initial] to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Transitions with transition: all: property <border-top-color> from [initial] to [orange] at (-0.3) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [initial] to [orange] at (0) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [initial] to [orange] at (0.3) should be [rgb(77, 50, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Transitions with transition: all: property <border-top-color> from [initial] to [orange] at (0.6) should be [rgb(153, 99, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [initial] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [initial] to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Animations: property <border-top-color> from [initial] to [orange] at (-0.3) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [initial] to [orange] at (0) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [initial] to [orange] at (0.3) should be [rgb(77, 50, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Animations: property <border-top-color> from [initial] to [orange] at (0.6) should be [rgb(153, 99, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [initial] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [initial] to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| Web Animations: property <border-top-color> from [initial] to [orange] at (-0.3) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [initial] to [orange] at (0) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [initial] to [orange] at (0.3) should be [rgb(77, 50, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [initial] to [orange] at (0.6) should be [rgb(153, 99, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [initial] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [initial] to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <border-top-color> from [unset] to [orange] at (-0.3) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [unset] to [orange] at (0) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [unset] to [orange] at (0.3) should be [rgb(77, 50, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Transitions: property <border-top-color> from [unset] to [orange] at (0.6) should be [rgb(153, 99, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [unset] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [unset] to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Transitions with transition: all: property <border-top-color> from [unset] to [orange] at (-0.3) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [unset] to [orange] at (0) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [unset] to [orange] at (0.3) should be [rgb(77, 50, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Transitions with transition: all: property <border-top-color> from [unset] to [orange] at (0.6) should be [rgb(153, 99, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [unset] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [unset] to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Animations: property <border-top-color> from [unset] to [orange] at (-0.3) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [unset] to [orange] at (0) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [unset] to [orange] at (0.3) should be [rgb(77, 50, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| CSS Animations: property <border-top-color> from [unset] to [orange] at (0.6) should be [rgb(153, 99, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [unset] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [unset] to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| Web Animations: property <border-top-color> from [unset] to [orange] at (-0.3) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [unset] to [orange] at (0) should be [rgb(0, 0, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [unset] to [orange] at (0.3) should be [rgb(77, 50, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [unset] to [orange] at (0.6) should be [rgb(153, 99, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [unset] to [orange] at (1) should be [rgb(255, 165, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [unset] to [orange] at (1.5) should be [rgb(255, 248, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <border-top-color> from [white] to [orange] at (-0.3) should be [white] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [white] to [orange] at (0) should be [white] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [white] to [orange] at (1) should be [orange] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (-0.3) should be [white] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (0) should be [white] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (1) should be [orange] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [white] to [orange] at (-0.3) should be [white] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [white] to [orange] at (0) should be [white] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [white] to [orange] at (1) should be [orange] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <border-top-color> from [white] to [orange] at (-0.3) should be [white] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [white] to [orange] at (0) should be [white] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [white] to [orange] at (1) should be [orange] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] | PASS | PASS | PASS | PASS | FAIL | FAIL |