Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-color/t421-rgb-values-meaning-b.xht - WPT Dashboard Interop Dashboard
<head>
<title>CSS Test: rgb values</title>
<link rel="match" href="t421-rgb-values-meaning-b-ref.html" />
<meta name="assert" content="Test that the color components in rgb colors are interpreted correctly." />
<style type="text/css"><![CDATA[
table { border-spacing: 0; padding: 0; border: none; }
td { border: none; padding: 0; }
td { width: 1.2em; height: 1.2em; }
]]></style>
</head>
<body>
<p>The following table should have four matching rows gradually changing from red at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ff0000"> </td>
<td style="background: #ee0000"> </td>
<td style="background: #dd0000"> </td>
<td style="background: #cc0000"> </td>
<td style="background: #bb0000"> </td>
<td style="background: #aa0000"> </td>
<td style="background: #990000"> </td>
<td style="background: #880000"> </td>
<td style="background: #770000"> </td>
<td style="background: #660000"> </td>
<td style="background: #550000"> </td>
<td style="background: #440000"> </td>
<td style="background: #330000"> </td>
<td style="background: #220000"> </td>
<td style="background: #110000"> </td>
<td style="background: #000000"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #f00"> </td>
<td style="background: #e00"> </td>
<td style="background: #d00"> </td>
<td style="background: #c00"> </td>
<td style="background: #b00"> </td>
<td style="background: #a00"> </td>
<td style="background: #900"> </td>
<td style="background: #800"> </td>
<td style="background: #700"> </td>
<td style="background: #600"> </td>
<td style="background: #500"> </td>
<td style="background: #400"> </td>
<td style="background: #300"> </td>
<td style="background: #200"> </td>
<td style="background: #100"> </td>
<td style="background: #000"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 0, 0)"> </td>
<td style="background: rgb(238, 0, 0)"> </td>
<td style="background: rgb(221, 0, 0)"> </td>
<td style="background: rgb(204, 0, 0)"> </td>
<td style="background: rgb(187, 0, 0)"> </td>
<td style="background: rgb(170, 0, 0)"> </td>
<td style="background: rgb(153, 0, 0)"> </td>
<td style="background: rgb(136, 0, 0)"> </td>
<td style="background: rgb(119, 0, 0)"> </td>
<td style="background: rgb(102, 0, 0)"> </td>
<td style="background: rgb(85, 0, 0)"> </td>
<td style="background: rgb(68, 0, 0)"> </td>
<td style="background: rgb(51, 0, 0)"> </td>
<td style="background: rgb(34, 0, 0)"> </td>
<td style="background: rgb(17, 0, 0)"> </td>
<td style="background: rgb(0, 0, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: rgb(93.3%, 0%, 0%)"> </td>
<td style="background: rgb(86.7%, 0%, 0%)"> </td>
<td style="background: rgb(80%, 0%, 0%)"> </td>
<td style="background: rgb(73.3%, 0%, 0%)"> </td>
<td style="background: rgb(66.7%, 0%, 0%)"> </td>
<td style="background: rgb(60%, 0%, 0%)"> </td>
<td style="background: rgb(53.3%, 0%, 0%)"> </td>
<td style="background: rgb(46.7%, 0%, 0%)"> </td>
<td style="background: rgb(40%, 0%, 0%)"> </td>
<td style="background: rgb(33.3%, 0%, 0%)"> </td>
<td style="background: rgb(26.7%, 0%, 0%)"> </td>
<td style="background: rgb(20%, 0%, 0%)"> </td>
<td style="background: rgb(13.3%, 0%, 0%)"> </td>
<td style="background: rgb(6.7%, 0%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to red at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ffffff"> </td>
<td style="background: #ffeeee"> </td>
<td style="background: #ffdddd"> </td>
<td style="background: #ffcccc"> </td>
<td style="background: #ffbbbb"> </td>
<td style="background: #ffaaaa"> </td>
<td style="background: #ff9999"> </td>
<td style="background: #ff8888"> </td>
<td style="background: #ff7777"> </td>
<td style="background: #ff6666"> </td>
<td style="background: #ff5555"> </td>
<td style="background: #ff4444"> </td>
<td style="background: #ff3333"> </td>
<td style="background: #ff2222"> </td>
<td style="background: #ff1111"> </td>
<td style="background: #ff0000"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #fff"> </td>
<td style="background: #fee"> </td>
<td style="background: #fdd"> </td>
<td style="background: #fcc"> </td>
<td style="background: #fbb"> </td>
<td style="background: #faa"> </td>
<td style="background: #f99"> </td>
<td style="background: #f88"> </td>
<td style="background: #f77"> </td>
<td style="background: #f66"> </td>
<td style="background: #f55"> </td>
<td style="background: #f44"> </td>
<td style="background: #f33"> </td>
<td style="background: #f22"> </td>
<td style="background: #f11"> </td>
<td style="background: #f00"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 255, 255)"> </td>
<td style="background: rgb(255, 238, 238)"> </td>
<td style="background: rgb(255, 221, 221)"> </td>
<td style="background: rgb(255, 204, 204)"> </td>
<td style="background: rgb(255, 187, 187)"> </td>
<td style="background: rgb(255, 170, 170)"> </td>
<td style="background: rgb(255, 153, 153)"> </td>
<td style="background: rgb(255, 136, 136)"> </td>
<td style="background: rgb(255, 119, 119)"> </td>
<td style="background: rgb(255, 102, 102)"> </td>
<td style="background: rgb(255, 85, 85)"> </td>
<td style="background: rgb(255, 68, 68)"> </td>
<td style="background: rgb(255, 51, 51)"> </td>
<td style="background: rgb(255, 34, 34)"> </td>
<td style="background: rgb(255, 17, 17)"> </td>
<td style="background: rgb(255, 0, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: rgb(100%, 93.3%, 93.3%)"> </td>
<td style="background: rgb(100%, 86.7%, 86.7%)"> </td>
<td style="background: rgb(100%, 80%, 80%)"> </td>
<td style="background: rgb(100%, 73.3%, 73.3%)"> </td>
<td style="background: rgb(100%, 66.7%, 66.7%)"> </td>
<td style="background: rgb(100%, 60%, 60%)"> </td>
<td style="background: rgb(100%, 53.3%, 53.3%)"> </td>
<td style="background: rgb(100%, 46.7%, 46.7%)"> </td>
<td style="background: rgb(100%, 40%, 40%)"> </td>
<td style="background: rgb(100%, 33.3%, 33.3%)"> </td>
<td style="background: rgb(100%, 26.7%, 26.7%)"> </td>
<td style="background: rgb(100%, 20%, 20%)"> </td>
<td style="background: rgb(100%, 13.3%, 13.3%)"> </td>
<td style="background: rgb(100%, 6.7%, 6.7%)"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from green at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #00ff00"> </td>
<td style="background: #00ee00"> </td>
<td style="background: #00dd00"> </td>
<td style="background: #00cc00"> </td>
<td style="background: #00bb00"> </td>
<td style="background: #00aa00"> </td>
<td style="background: #009900"> </td>
<td style="background: #008800"> </td>
<td style="background: #007700"> </td>
<td style="background: #006600"> </td>
<td style="background: #005500"> </td>
<td style="background: #004400"> </td>
<td style="background: #003300"> </td>
<td style="background: #002200"> </td>
<td style="background: #001100"> </td>
<td style="background: #000000"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #0f0"> </td>
<td style="background: #0e0"> </td>
<td style="background: #0d0"> </td>
<td style="background: #0c0"> </td>
<td style="background: #0b0"> </td>
<td style="background: #0a0"> </td>
<td style="background: #090"> </td>
<td style="background: #080"> </td>
<td style="background: #070"> </td>
<td style="background: #060"> </td>
<td style="background: #050"> </td>
<td style="background: #040"> </td>
<td style="background: #030"> </td>
<td style="background: #020"> </td>
<td style="background: #010"> </td>
<td style="background: #000"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0, 255, 0)"> </td>
<td style="background: rgb(0, 238, 0)"> </td>
<td style="background: rgb(0, 221, 0)"> </td>
<td style="background: rgb(0, 204, 0)"> </td>
<td style="background: rgb(0, 187, 0)"> </td>
<td style="background: rgb(0, 170, 0)"> </td>
<td style="background: rgb(0, 153, 0)"> </td>
<td style="background: rgb(0, 136, 0)"> </td>
<td style="background: rgb(0, 119, 0)"> </td>
<td style="background: rgb(0, 102, 0)"> </td>
<td style="background: rgb(0, 85, 0)"> </td>
<td style="background: rgb(0, 68, 0)"> </td>
<td style="background: rgb(0, 51, 0)"> </td>
<td style="background: rgb(0, 34, 0)"> </td>
<td style="background: rgb(0, 17, 0)"> </td>
<td style="background: rgb(0, 0, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: rgb(0%, 93.3%, 0%)"> </td>
<td style="background: rgb(0%, 86.7%, 0%)"> </td>
<td style="background: rgb(0%, 80%, 0%)"> </td>
<td style="background: rgb(0%, 73.3%, 0%)"> </td>
<td style="background: rgb(0%, 66.7%, 0%)"> </td>
<td style="background: rgb(0%, 60%, 0%)"> </td>
<td style="background: rgb(0%, 53.3%, 0%)"> </td>
<td style="background: rgb(0%, 46.7%, 0%)"> </td>
<td style="background: rgb(0%, 40%, 0%)"> </td>
<td style="background: rgb(0%, 33.3%, 0%)"> </td>
<td style="background: rgb(0%, 26.7%, 0%)"> </td>
<td style="background: rgb(0%, 20%, 0%)"> </td>
<td style="background: rgb(0%, 13.3%, 0%)"> </td>
<td style="background: rgb(0%, 6.7%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to green at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ffffff"> </td>
<td style="background: #eeffee"> </td>
<td style="background: #ddffdd"> </td>
<td style="background: #ccffcc"> </td>
<td style="background: #bbffbb"> </td>
<td style="background: #aaffaa"> </td>
<td style="background: #99ff99"> </td>
<td style="background: #88ff88"> </td>
<td style="background: #77ff77"> </td>
<td style="background: #66ff66"> </td>
<td style="background: #55ff55"> </td>
<td style="background: #44ff44"> </td>
<td style="background: #33ff33"> </td>
<td style="background: #22ff22"> </td>
<td style="background: #11ff11"> </td>
<td style="background: #00ff00"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #fff"> </td>
<td style="background: #efe"> </td>
<td style="background: #dfd"> </td>
<td style="background: #cfc"> </td>
<td style="background: #bfb"> </td>
<td style="background: #afa"> </td>
<td style="background: #9f9"> </td>
<td style="background: #8f8"> </td>
<td style="background: #7f7"> </td>
<td style="background: #6f6"> </td>
<td style="background: #5f5"> </td>
<td style="background: #4f4"> </td>
<td style="background: #3f3"> </td>
<td style="background: #2f2"> </td>
<td style="background: #1f1"> </td>
<td style="background: #0f0"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 255, 255)"> </td>
<td style="background: rgb(238, 255, 238)"> </td>
<td style="background: rgb(221, 255, 221)"> </td>
<td style="background: rgb(204, 255, 204)"> </td>
<td style="background: rgb(187, 255, 187)"> </td>
<td style="background: rgb(170, 255, 170)"> </td>
<td style="background: rgb(153, 255, 153)"> </td>
<td style="background: rgb(136, 255, 136)"> </td>
<td style="background: rgb(119, 255, 119)"> </td>
<td style="background: rgb(102, 255, 102)"> </td>
<td style="background: rgb(85, 255, 85)"> </td>
<td style="background: rgb(68, 255, 68)"> </td>
<td style="background: rgb(51, 255, 51)"> </td>
<td style="background: rgb(34, 255, 34)"> </td>
<td style="background: rgb(17, 255, 17)"> </td>
<td style="background: rgb(0, 255, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: rgb(93.3%, 100%, 93.3%)"> </td>
<td style="background: rgb(86.7%, 100%, 86.7%)"> </td>
<td style="background: rgb(80%, 100%, 80%)"> </td>
<td style="background: rgb(73.3%, 100%, 73.3%)"> </td>
<td style="background: rgb(66.7%, 100%, 66.7%)"> </td>
<td style="background: rgb(60%, 100%, 60%)"> </td>
<td style="background: rgb(53.3%, 100%, 53.3%)"> </td>
<td style="background: rgb(46.7%, 100%, 46.7%)"> </td>
<td style="background: rgb(40%, 100%, 40%)"> </td>
<td style="background: rgb(33.3%, 100%, 33.3%)"> </td>
<td style="background: rgb(26.7%, 100%, 26.7%)"> </td>
<td style="background: rgb(20%, 100%, 20%)"> </td>
<td style="background: rgb(13.3%, 100%, 13.3%)"> </td>
<td style="background: rgb(6.7%, 100%, 6.7%)"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from blue at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #0000ff"> </td>
<td style="background: #0000ee"> </td>
<td style="background: #0000dd"> </td>
<td style="background: #0000cc"> </td>
<td style="background: #0000bb"> </td>
<td style="background: #0000aa"> </td>
<td style="background: #000099"> </td>
<td style="background: #000088"> </td>
<td style="background: #000077"> </td>
<td style="background: #000066"> </td>
<td style="background: #000055"> </td>
<td style="background: #000044"> </td>
<td style="background: #000033"> </td>
<td style="background: #000022"> </td>
<td style="background: #000011"> </td>
<td style="background: #000000"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #00f"> </td>
<td style="background: #00e"> </td>
<td style="background: #00d"> </td>
<td style="background: #00c"> </td>
<td style="background: #00b"> </td>
<td style="background: #00a"> </td>
<td style="background: #009"> </td>
<td style="background: #008"> </td>
<td style="background: #007"> </td>
<td style="background: #006"> </td>
<td style="background: #005"> </td>
<td style="background: #004"> </td>
<td style="background: #003"> </td>
<td style="background: #002"> </td>
<td style="background: #001"> </td>
<td style="background: #000"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0, 0, 255)"> </td>
<td style="background: rgb(0, 0, 238)"> </td>
<td style="background: rgb(0, 0, 221)"> </td>
<td style="background: rgb(0, 0, 204)"> </td>
<td style="background: rgb(0, 0, 187)"> </td>
<td style="background: rgb(0, 0, 170)"> </td>
<td style="background: rgb(0, 0, 153)"> </td>
<td style="background: rgb(0, 0, 136)"> </td>
<td style="background: rgb(0, 0, 119)"> </td>
<td style="background: rgb(0, 0, 102)"> </td>
<td style="background: rgb(0, 0, 85)"> </td>
<td style="background: rgb(0, 0, 68)"> </td>
<td style="background: rgb(0, 0, 51)"> </td>
<td style="background: rgb(0, 0, 34)"> </td>
<td style="background: rgb(0, 0, 17)"> </td>
<td style="background: rgb(0, 0, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: rgb(0%, 0%, 93.3%)"> </td>
<td style="background: rgb(0%, 0%, 86.7%)"> </td>
<td style="background: rgb(0%, 0%, 80%)"> </td>
<td style="background: rgb(0%, 0%, 73.3%)"> </td>
<td style="background: rgb(0%, 0%, 66.7%)"> </td>
<td style="background: rgb(0%, 0%, 60%)"> </td>
<td style="background: rgb(0%, 0%, 53.3%)"> </td>
<td style="background: rgb(0%, 0%, 46.7%)"> </td>
<td style="background: rgb(0%, 0%, 40%)"> </td>
<td style="background: rgb(0%, 0%, 33.3%)"> </td>
<td style="background: rgb(0%, 0%, 26.7%)"> </td>
<td style="background: rgb(0%, 0%, 20%)"> </td>
<td style="background: rgb(0%, 0%, 13.3%)"> </td>
<td style="background: rgb(0%, 0%, 6.7%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to blue at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ffffff"> </td>
<td style="background: #eeeeff"> </td>
<td style="background: #ddddff"> </td>
<td style="background: #ccccff"> </td>
<td style="background: #bbbbff"> </td>
<td style="background: #aaaaff"> </td>
<td style="background: #9999ff"> </td>
<td style="background: #8888ff"> </td>
<td style="background: #7777ff"> </td>
<td style="background: #6666ff"> </td>
<td style="background: #5555ff"> </td>
<td style="background: #4444ff"> </td>
<td style="background: #3333ff"> </td>
<td style="background: #2222ff"> </td>
<td style="background: #1111ff"> </td>
<td style="background: #0000ff"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #fff"> </td>
<td style="background: #eef"> </td>
<td style="background: #ddf"> </td>
<td style="background: #ccf"> </td>
<td style="background: #bbf"> </td>
<td style="background: #aaf"> </td>
<td style="background: #99f"> </td>
<td style="background: #88f"> </td>
<td style="background: #77f"> </td>
<td style="background: #66f"> </td>
<td style="background: #55f"> </td>
<td style="background: #44f"> </td>
<td style="background: #33f"> </td>
<td style="background: #22f"> </td>
<td style="background: #11f"> </td>
<td style="background: #00f"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 255, 255)"> </td>
<td style="background: rgb(238, 238, 255)"> </td>
<td style="background: rgb(221, 221, 255)"> </td>
<td style="background: rgb(204, 204, 255)"> </td>
<td style="background: rgb(187, 187, 255)"> </td>
<td style="background: rgb(170, 170, 255)"> </td>
<td style="background: rgb(153, 153, 255)"> </td>
<td style="background: rgb(136, 136, 255)"> </td>
<td style="background: rgb(119, 119, 255)"> </td>
<td style="background: rgb(102, 102, 255)"> </td>
<td style="background: rgb(85, 85, 255)"> </td>
<td style="background: rgb(68, 68, 255)"> </td>
<td style="background: rgb(51, 51, 255)"> </td>
<td style="background: rgb(34, 34, 255)"> </td>
<td style="background: rgb(17, 17, 255)"> </td>
<td style="background: rgb(0, 0, 255)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: rgb(93.3%, 93.3%, 100%)"> </td>
<td style="background: rgb(86.7%, 86.7%, 100%)"> </td>
<td style="background: rgb(80%, 80%, 100%)"> </td>
<td style="background: rgb(73.3%, 73.3%, 100%)"> </td>
<td style="background: rgb(66.7%, 66.7%, 100%)"> </td>
<td style="background: rgb(60%, 60%, 100%)"> </td>
<td style="background: rgb(53.3%, 53.3%, 100%)"> </td>
<td style="background: rgb(46.7%, 46.7%, 100%)"> </td>
<td style="background: rgb(40%, 40%, 100%)"> </td>
<td style="background: rgb(33.3%, 33.3%, 100%)"> </td>
<td style="background: rgb(26.7%, 26.7%, 100%)"> </td>
<td style="background: rgb(20%, 20%, 100%)"> </td>
<td style="background: rgb(13.3%, 13.3%, 100%)"> </td>
<td style="background: rgb(6.7%, 6.7%, 100%)"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from yellow at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ffff00"> </td>
<td style="background: #eeee00"> </td>
<td style="background: #dddd00"> </td>
<td style="background: #cccc00"> </td>
<td style="background: #bbbb00"> </td>
<td style="background: #aaaa00"> </td>
<td style="background: #999900"> </td>
<td style="background: #888800"> </td>
<td style="background: #777700"> </td>
<td style="background: #666600"> </td>
<td style="background: #555500"> </td>
<td style="background: #444400"> </td>
<td style="background: #333300"> </td>
<td style="background: #222200"> </td>
<td style="background: #111100"> </td>
<td style="background: #000000"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #ff0"> </td>
<td style="background: #ee0"> </td>
<td style="background: #dd0"> </td>
<td style="background: #cc0"> </td>
<td style="background: #bb0"> </td>
<td style="background: #aa0"> </td>
<td style="background: #990"> </td>
<td style="background: #880"> </td>
<td style="background: #770"> </td>
<td style="background: #660"> </td>
<td style="background: #550"> </td>
<td style="background: #440"> </td>
<td style="background: #330"> </td>
<td style="background: #220"> </td>
<td style="background: #110"> </td>
<td style="background: #000"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 255, 0)"> </td>
<td style="background: rgb(238, 238, 0)"> </td>
<td style="background: rgb(221, 221, 0)"> </td>
<td style="background: rgb(204, 204, 0)"> </td>
<td style="background: rgb(187, 187, 0)"> </td>
<td style="background: rgb(170, 170, 0)"> </td>
<td style="background: rgb(153, 153, 0)"> </td>
<td style="background: rgb(136, 136, 0)"> </td>
<td style="background: rgb(119, 119, 0)"> </td>
<td style="background: rgb(102, 102, 0)"> </td>
<td style="background: rgb(85, 85, 0)"> </td>
<td style="background: rgb(68, 68, 0)"> </td>
<td style="background: rgb(51, 51, 0)"> </td>
<td style="background: rgb(34, 34, 0)"> </td>
<td style="background: rgb(17, 17, 0)"> </td>
<td style="background: rgb(0, 0, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 100%, 0%)"> </td>
<td style="background: rgb(93.3%, 93.3%, 0%)"> </td>
<td style="background: rgb(86.7%, 86.7%, 0%)"> </td>
<td style="background: rgb(80%, 80%, 0%)"> </td>
<td style="background: rgb(73.3%, 73.3%, 0%)"> </td>
<td style="background: rgb(66.7%, 66.7%, 0%)"> </td>
<td style="background: rgb(60%, 60%, 0%)"> </td>
<td style="background: rgb(53.3%, 53.3%, 0%)"> </td>
<td style="background: rgb(46.7%, 46.7%, 0%)"> </td>
<td style="background: rgb(40%, 40%, 0%)"> </td>
<td style="background: rgb(33.3%, 33.3%, 0%)"> </td>
<td style="background: rgb(26.7%, 26.7%, 0%)"> </td>
<td style="background: rgb(20%, 20%, 0%)"> </td>
<td style="background: rgb(13.3%, 13.3%, 0%)"> </td>
<td style="background: rgb(6.7%, 6.7%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to yellow at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ffffff"> </td>
<td style="background: #ffffee"> </td>
<td style="background: #ffffdd"> </td>
<td style="background: #ffffcc"> </td>
<td style="background: #ffffbb"> </td>
<td style="background: #ffffaa"> </td>
<td style="background: #ffff99"> </td>
<td style="background: #ffff88"> </td>
<td style="background: #ffff77"> </td>
<td style="background: #ffff66"> </td>
<td style="background: #ffff55"> </td>
<td style="background: #ffff44"> </td>
<td style="background: #ffff33"> </td>
<td style="background: #ffff22"> </td>
<td style="background: #ffff11"> </td>
<td style="background: #ffff00"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #fff"> </td>
<td style="background: #ffe"> </td>
<td style="background: #ffd"> </td>
<td style="background: #ffc"> </td>
<td style="background: #ffb"> </td>
<td style="background: #ffa"> </td>
<td style="background: #ff9"> </td>
<td style="background: #ff8"> </td>
<td style="background: #ff7"> </td>
<td style="background: #ff6"> </td>
<td style="background: #ff5"> </td>
<td style="background: #ff4"> </td>
<td style="background: #ff3"> </td>
<td style="background: #ff2"> </td>
<td style="background: #ff1"> </td>
<td style="background: #ff0"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 255, 255)"> </td>
<td style="background: rgb(255, 255, 238)"> </td>
<td style="background: rgb(255, 255, 221)"> </td>
<td style="background: rgb(255, 255, 204)"> </td>
<td style="background: rgb(255, 255, 187)"> </td>
<td style="background: rgb(255, 255, 170)"> </td>
<td style="background: rgb(255, 255, 153)"> </td>
<td style="background: rgb(255, 255, 136)"> </td>
<td style="background: rgb(255, 255, 119)"> </td>
<td style="background: rgb(255, 255, 102)"> </td>
<td style="background: rgb(255, 255, 85)"> </td>
<td style="background: rgb(255, 255, 68)"> </td>
<td style="background: rgb(255, 255, 51)"> </td>
<td style="background: rgb(255, 255, 34)"> </td>
<td style="background: rgb(255, 255, 17)"> </td>
<td style="background: rgb(255, 255, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: rgb(100%, 100%, 93.3%)"> </td>
<td style="background: rgb(100%, 100%, 86.7%)"> </td>
<td style="background: rgb(100%, 100%, 80%)"> </td>
<td style="background: rgb(100%, 100%, 73.3%)"> </td>
<td style="background: rgb(100%, 100%, 66.7%)"> </td>
<td style="background: rgb(100%, 100%, 60%)"> </td>
<td style="background: rgb(100%, 100%, 53.3%)"> </td>
<td style="background: rgb(100%, 100%, 46.7%)"> </td>
<td style="background: rgb(100%, 100%, 40%)"> </td>
<td style="background: rgb(100%, 100%, 33.3%)"> </td>
<td style="background: rgb(100%, 100%, 26.7%)"> </td>
<td style="background: rgb(100%, 100%, 20%)"> </td>
<td style="background: rgb(100%, 100%, 13.3%)"> </td>
<td style="background: rgb(100%, 100%, 6.7%)"> </td>
<td style="background: rgb(100%, 100%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from fuchsia at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ff00ff"> </td>
<td style="background: #ee00ee"> </td>
<td style="background: #dd00dd"> </td>
<td style="background: #cc00cc"> </td>
<td style="background: #bb00bb"> </td>
<td style="background: #aa00aa"> </td>
<td style="background: #990099"> </td>
<td style="background: #880088"> </td>
<td style="background: #770077"> </td>
<td style="background: #660066"> </td>
<td style="background: #550055"> </td>
<td style="background: #440044"> </td>
<td style="background: #330033"> </td>
<td style="background: #220022"> </td>
<td style="background: #110011"> </td>
<td style="background: #000000"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #f0f"> </td>
<td style="background: #e0e"> </td>
<td style="background: #d0d"> </td>
<td style="background: #c0c"> </td>
<td style="background: #b0b"> </td>
<td style="background: #a0a"> </td>
<td style="background: #909"> </td>
<td style="background: #808"> </td>
<td style="background: #707"> </td>
<td style="background: #606"> </td>
<td style="background: #505"> </td>
<td style="background: #404"> </td>
<td style="background: #303"> </td>
<td style="background: #202"> </td>
<td style="background: #101"> </td>
<td style="background: #000"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 0, 255)"> </td>
<td style="background: rgb(238, 0, 238)"> </td>
<td style="background: rgb(221, 0, 221)"> </td>
<td style="background: rgb(204, 0, 204)"> </td>
<td style="background: rgb(187, 0, 187)"> </td>
<td style="background: rgb(170, 0, 170)"> </td>
<td style="background: rgb(153, 0, 153)"> </td>
<td style="background: rgb(136, 0, 136)"> </td>
<td style="background: rgb(119, 0, 119)"> </td>
<td style="background: rgb(102, 0, 102)"> </td>
<td style="background: rgb(85, 0, 85)"> </td>
<td style="background: rgb(68, 0, 68)"> </td>
<td style="background: rgb(51, 0, 51)"> </td>
<td style="background: rgb(34, 0, 34)"> </td>
<td style="background: rgb(17, 0, 17)"> </td>
<td style="background: rgb(0, 0, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 0%, 100%)"> </td>
<td style="background: rgb(93.3%, 0%, 93.3%)"> </td>
<td style="background: rgb(86.7%, 0%, 86.7%)"> </td>
<td style="background: rgb(80%, 0%, 80%)"> </td>
<td style="background: rgb(73.3%, 0%, 73.3%)"> </td>
<td style="background: rgb(66.7%, 0%, 66.7%)"> </td>
<td style="background: rgb(60%, 0%, 60%)"> </td>
<td style="background: rgb(53.3%, 0%, 53.3%)"> </td>
<td style="background: rgb(46.7%, 0%, 46.7%)"> </td>
<td style="background: rgb(40%, 0%, 40%)"> </td>
<td style="background: rgb(33.3%, 0%, 33.3%)"> </td>
<td style="background: rgb(26.7%, 0%, 26.7%)"> </td>
<td style="background: rgb(20%, 0%, 20%)"> </td>
<td style="background: rgb(13.3%, 0%, 13.3%)"> </td>
<td style="background: rgb(6.7%, 0%, 6.7%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to fuchsia at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ffffff"> </td>
<td style="background: #ffeeff"> </td>
<td style="background: #ffddff"> </td>
<td style="background: #ffccff"> </td>
<td style="background: #ffbbff"> </td>
<td style="background: #ffaaff"> </td>
<td style="background: #ff99ff"> </td>
<td style="background: #ff88ff"> </td>
<td style="background: #ff77ff"> </td>
<td style="background: #ff66ff"> </td>
<td style="background: #ff55ff"> </td>
<td style="background: #ff44ff"> </td>
<td style="background: #ff33ff"> </td>
<td style="background: #ff22ff"> </td>
<td style="background: #ff11ff"> </td>
<td style="background: #ff00ff"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #fff"> </td>
<td style="background: #fef"> </td>
<td style="background: #fdf"> </td>
<td style="background: #fcf"> </td>
<td style="background: #fbf"> </td>
<td style="background: #faf"> </td>
<td style="background: #f9f"> </td>
<td style="background: #f8f"> </td>
<td style="background: #f7f"> </td>
<td style="background: #f6f"> </td>
<td style="background: #f5f"> </td>
<td style="background: #f4f"> </td>
<td style="background: #f3f"> </td>
<td style="background: #f2f"> </td>
<td style="background: #f1f"> </td>
<td style="background: #f0f"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 255, 255)"> </td>
<td style="background: rgb(255, 238, 255)"> </td>
<td style="background: rgb(255, 221, 255)"> </td>
<td style="background: rgb(255, 204, 255)"> </td>
<td style="background: rgb(255, 187, 255)"> </td>
<td style="background: rgb(255, 170, 255)"> </td>
<td style="background: rgb(255, 153, 255)"> </td>
<td style="background: rgb(255, 136, 255)"> </td>
<td style="background: rgb(255, 119, 255)"> </td>
<td style="background: rgb(255, 102, 255)"> </td>
<td style="background: rgb(255, 85, 255)"> </td>
<td style="background: rgb(255, 68, 255)"> </td>
<td style="background: rgb(255, 51, 255)"> </td>
<td style="background: rgb(255, 34, 255)"> </td>
<td style="background: rgb(255, 17, 255)"> </td>
<td style="background: rgb(255, 0, 255)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: rgb(100%, 93.3%, 100%)"> </td>
<td style="background: rgb(100%, 86.7%, 100%)"> </td>
<td style="background: rgb(100%, 80%, 100%)"> </td>
<td style="background: rgb(100%, 73.3%, 100%)"> </td>
<td style="background: rgb(100%, 66.7%, 100%)"> </td>
<td style="background: rgb(100%, 60%, 100%)"> </td>
<td style="background: rgb(100%, 53.3%, 100%)"> </td>
<td style="background: rgb(100%, 46.7%, 100%)"> </td>
<td style="background: rgb(100%, 40%, 100%)"> </td>
<td style="background: rgb(100%, 33.3%, 100%)"> </td>
<td style="background: rgb(100%, 26.7%, 100%)"> </td>
<td style="background: rgb(100%, 20%, 100%)"> </td>
<td style="background: rgb(100%, 13.3%, 100%)"> </td>
<td style="background: rgb(100%, 6.7%, 100%)"> </td>
<td style="background: rgb(100%, 0%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from aqua at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #00ffff"> </td>
<td style="background: #00eeee"> </td>
<td style="background: #00dddd"> </td>
<td style="background: #00cccc"> </td>
<td style="background: #00bbbb"> </td>
<td style="background: #00aaaa"> </td>
<td style="background: #009999"> </td>
<td style="background: #008888"> </td>
<td style="background: #007777"> </td>
<td style="background: #006666"> </td>
<td style="background: #005555"> </td>
<td style="background: #004444"> </td>
<td style="background: #003333"> </td>
<td style="background: #002222"> </td>
<td style="background: #001111"> </td>
<td style="background: #000000"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #0ff"> </td>
<td style="background: #0ee"> </td>
<td style="background: #0dd"> </td>
<td style="background: #0cc"> </td>
<td style="background: #0bb"> </td>
<td style="background: #0aa"> </td>
<td style="background: #099"> </td>
<td style="background: #088"> </td>
<td style="background: #077"> </td>
<td style="background: #066"> </td>
<td style="background: #055"> </td>
<td style="background: #044"> </td>
<td style="background: #033"> </td>
<td style="background: #022"> </td>
<td style="background: #011"> </td>
<td style="background: #000"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0, 255, 255)"> </td>
<td style="background: rgb(0, 238, 238)"> </td>
<td style="background: rgb(0, 221, 221)"> </td>
<td style="background: rgb(0, 204, 204)"> </td>
<td style="background: rgb(0, 187, 187)"> </td>
<td style="background: rgb(0, 170, 170)"> </td>
<td style="background: rgb(0, 153, 153)"> </td>
<td style="background: rgb(0, 136, 136)"> </td>
<td style="background: rgb(0, 119, 119)"> </td>
<td style="background: rgb(0, 102, 102)"> </td>
<td style="background: rgb(0, 85, 85)"> </td>
<td style="background: rgb(0, 68, 68)"> </td>
<td style="background: rgb(0, 51, 51)"> </td>
<td style="background: rgb(0, 34, 34)"> </td>
<td style="background: rgb(0, 17, 17)"> </td>
<td style="background: rgb(0, 0, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 100%, 100%)"> </td>
<td style="background: rgb(0%, 93.3%, 93.3%)"> </td>
<td style="background: rgb(0%, 86.7%, 86.7%)"> </td>
<td style="background: rgb(0%, 80%, 80%)"> </td>
<td style="background: rgb(0%, 73.3%, 73.3%)"> </td>
<td style="background: rgb(0%, 66.7%, 66.7%)"> </td>
<td style="background: rgb(0%, 60%, 60%)"> </td>
<td style="background: rgb(0%, 53.3%, 53.3%)"> </td>
<td style="background: rgb(0%, 46.7%, 46.7%)"> </td>
<td style="background: rgb(0%, 40%, 40%)"> </td>
<td style="background: rgb(0%, 33.3%, 33.3%)"> </td>
<td style="background: rgb(0%, 26.7%, 26.7%)"> </td>
<td style="background: rgb(0%, 20%, 20%)"> </td>
<td style="background: rgb(0%, 13.3%, 13.3%)"> </td>
<td style="background: rgb(0%, 6.7%, 6.7%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to aqua at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ffffff"> </td>
<td style="background: #eeffff"> </td>
<td style="background: #ddffff"> </td>
<td style="background: #ccffff"> </td>
<td style="background: #bbffff"> </td>
<td style="background: #aaffff"> </td>
<td style="background: #99ffff"> </td>
<td style="background: #88ffff"> </td>
<td style="background: #77ffff"> </td>
<td style="background: #66ffff"> </td>
<td style="background: #55ffff"> </td>
<td style="background: #44ffff"> </td>
<td style="background: #33ffff"> </td>
<td style="background: #22ffff"> </td>
<td style="background: #11ffff"> </td>
<td style="background: #00ffff"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #fff"> </td>
<td style="background: #eff"> </td>
<td style="background: #dff"> </td>
<td style="background: #cff"> </td>
<td style="background: #bff"> </td>
<td style="background: #aff"> </td>
<td style="background: #9ff"> </td>
<td style="background: #8ff"> </td>
<td style="background: #7ff"> </td>
<td style="background: #6ff"> </td>
<td style="background: #5ff"> </td>
<td style="background: #4ff"> </td>
<td style="background: #3ff"> </td>
<td style="background: #2ff"> </td>
<td style="background: #1ff"> </td>
<td style="background: #0ff"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 255, 255)"> </td>
<td style="background: rgb(238, 255, 255)"> </td>
<td style="background: rgb(221, 255, 255)"> </td>
<td style="background: rgb(204, 255, 255)"> </td>
<td style="background: rgb(187, 255, 255)"> </td>
<td style="background: rgb(170, 255, 255)"> </td>
<td style="background: rgb(153, 255, 255)"> </td>
<td style="background: rgb(136, 255, 255)"> </td>
<td style="background: rgb(119, 255, 255)"> </td>
<td style="background: rgb(102, 255, 255)"> </td>
<td style="background: rgb(85, 255, 255)"> </td>
<td style="background: rgb(68, 255, 255)"> </td>
<td style="background: rgb(51, 255, 255)"> </td>
<td style="background: rgb(34, 255, 255)"> </td>
<td style="background: rgb(17, 255, 255)"> </td>
<td style="background: rgb(0, 255, 255)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: rgb(93.3%, 100%, 100%)"> </td>
<td style="background: rgb(86.7%, 100%, 100%)"> </td>
<td style="background: rgb(80%, 100%, 100%)"> </td>
<td style="background: rgb(73.3%, 100%, 100%)"> </td>
<td style="background: rgb(66.7%, 100%, 100%)"> </td>
<td style="background: rgb(60%, 100%, 100%)"> </td>
<td style="background: rgb(53.3%, 100%, 100%)"> </td>
<td style="background: rgb(46.7%, 100%, 100%)"> </td>
<td style="background: rgb(40%, 100%, 100%)"> </td>
<td style="background: rgb(33.3%, 100%, 100%)"> </td>
<td style="background: rgb(26.7%, 100%, 100%)"> </td>
<td style="background: rgb(20%, 100%, 100%)"> </td>
<td style="background: rgb(13.3%, 100%, 100%)"> </td>
<td style="background: rgb(6.7%, 100%, 100%)"> </td>
<td style="background: rgb(0%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from red at the left to green at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ff0000"> </td>
<td style="background: #ee1100"> </td>
<td style="background: #dd2200"> </td>
<td style="background: #cc3300"> </td>
<td style="background: #bb4400"> </td>
<td style="background: #aa5500"> </td>
<td style="background: #996600"> </td>
<td style="background: #887700"> </td>
<td style="background: #778800"> </td>
<td style="background: #669900"> </td>
<td style="background: #55aa00"> </td>
<td style="background: #44bb00"> </td>
<td style="background: #33cc00"> </td>
<td style="background: #22dd00"> </td>
<td style="background: #11ee00"> </td>
<td style="background: #00ff00"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #f00"> </td>
<td style="background: #e10"> </td>
<td style="background: #d20"> </td>
<td style="background: #c30"> </td>
<td style="background: #b40"> </td>
<td style="background: #a50"> </td>
<td style="background: #960"> </td>
<td style="background: #870"> </td>
<td style="background: #780"> </td>
<td style="background: #690"> </td>
<td style="background: #5a0"> </td>
<td style="background: #4b0"> </td>
<td style="background: #3c0"> </td>
<td style="background: #2d0"> </td>
<td style="background: #1e0"> </td>
<td style="background: #0f0"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 0, 0)"> </td>
<td style="background: rgb(238, 17, 0)"> </td>
<td style="background: rgb(221, 34, 0)"> </td>
<td style="background: rgb(204, 51, 0)"> </td>
<td style="background: rgb(187, 68, 0)"> </td>
<td style="background: rgb(170, 85, 0)"> </td>
<td style="background: rgb(153, 102, 0)"> </td>
<td style="background: rgb(136, 119, 0)"> </td>
<td style="background: rgb(119, 136, 0)"> </td>
<td style="background: rgb(102, 153, 0)"> </td>
<td style="background: rgb(85, 170, 0)"> </td>
<td style="background: rgb(68, 187, 0)"> </td>
<td style="background: rgb(51, 204, 0)"> </td>
<td style="background: rgb(34, 221, 0)"> </td>
<td style="background: rgb(17, 238, 0)"> </td>
<td style="background: rgb(0, 255, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: rgb(93.3%, 6.7%, 0%)"> </td>
<td style="background: rgb(86.7%, 13.3%, 0%)"> </td>
<td style="background: rgb(80%, 20%, 0%)"> </td>
<td style="background: rgb(73.3%, 26.7%, 0%)"> </td>
<td style="background: rgb(66.7%, 33.3%, 0%)"> </td>
<td style="background: rgb(60%, 40%, 0%)"> </td>
<td style="background: rgb(53.3%, 46.7%, 0%)"> </td>
<td style="background: rgb(46.7%, 53.3%, 0%)"> </td>
<td style="background: rgb(40%, 60%, 0%)"> </td>
<td style="background: rgb(33.3%, 66.7%, 0%)"> </td>
<td style="background: rgb(26.7%, 73.3%, 0%)"> </td>
<td style="background: rgb(20%, 80%, 0%)"> </td>
<td style="background: rgb(13.3%, 86.7%, 0%)"> </td>
<td style="background: rgb(6.7%, 93.3%, 0%)"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from green at the left to blue at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #00ff00"> </td>
<td style="background: #00ee11"> </td>
<td style="background: #00dd22"> </td>
<td style="background: #00cc33"> </td>
<td style="background: #00bb44"> </td>
<td style="background: #00aa55"> </td>
<td style="background: #009966"> </td>
<td style="background: #008877"> </td>
<td style="background: #007788"> </td>
<td style="background: #006699"> </td>
<td style="background: #0055aa"> </td>
<td style="background: #0044bb"> </td>
<td style="background: #0033cc"> </td>
<td style="background: #0022dd"> </td>
<td style="background: #0011ee"> </td>
<td style="background: #0000ff"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #0f0"> </td>
<td style="background: #0e1"> </td>
<td style="background: #0d2"> </td>
<td style="background: #0c3"> </td>
<td style="background: #0b4"> </td>
<td style="background: #0a5"> </td>
<td style="background: #096"> </td>
<td style="background: #087"> </td>
<td style="background: #078"> </td>
<td style="background: #069"> </td>
<td style="background: #05a"> </td>
<td style="background: #04b"> </td>
<td style="background: #03c"> </td>
<td style="background: #02d"> </td>
<td style="background: #01e"> </td>
<td style="background: #00f"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0, 255, 0)"> </td>
<td style="background: rgb(0, 238, 17)"> </td>
<td style="background: rgb(0, 221, 34)"> </td>
<td style="background: rgb(0, 204, 51)"> </td>
<td style="background: rgb(0, 187, 68)"> </td>
<td style="background: rgb(0, 170, 85)"> </td>
<td style="background: rgb(0, 153, 102)"> </td>
<td style="background: rgb(0, 136, 119)"> </td>
<td style="background: rgb(0, 119, 136)"> </td>
<td style="background: rgb(0, 102, 153)"> </td>
<td style="background: rgb(0, 85, 170)"> </td>
<td style="background: rgb(0, 68, 187)"> </td>
<td style="background: rgb(0, 51, 204)"> </td>
<td style="background: rgb(0, 34, 221)"> </td>
<td style="background: rgb(0, 17, 238)"> </td>
<td style="background: rgb(0, 0, 255)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: rgb(0%, 93.3%, 6.7%)"> </td>
<td style="background: rgb(0%, 86.7%, 13.3%)"> </td>
<td style="background: rgb(0%, 80%, 20%)"> </td>
<td style="background: rgb(0%, 73.3%, 26.7%)"> </td>
<td style="background: rgb(0%, 66.7%, 33.3%)"> </td>
<td style="background: rgb(0%, 60%, 40%)"> </td>
<td style="background: rgb(0%, 53.3%, 46.7%)"> </td>
<td style="background: rgb(0%, 46.7%, 53.3%)"> </td>
<td style="background: rgb(0%, 40%, 60%)"> </td>
<td style="background: rgb(0%, 33.3%, 66.7%)"> </td>
<td style="background: rgb(0%, 26.7%, 73.3%)"> </td>
<td style="background: rgb(0%, 20%, 80%)"> </td>
<td style="background: rgb(0%, 13.3%, 86.7%)"> </td>
<td style="background: rgb(0%, 6.7%, 93.3%)"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from blue at the left to red at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #0000ff"> </td>
<td style="background: #1100ee"> </td>
<td style="background: #2200dd"> </td>
<td style="background: #3300cc"> </td>
<td style="background: #4400bb"> </td>
<td style="background: #5500aa"> </td>
<td style="background: #660099"> </td>
<td style="background: #770088"> </td>
<td style="background: #880077"> </td>
<td style="background: #990066"> </td>
<td style="background: #aa0055"> </td>
<td style="background: #bb0044"> </td>
<td style="background: #cc0033"> </td>
<td style="background: #dd0022"> </td>
<td style="background: #ee0011"> </td>
<td style="background: #ff0000"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #00f"> </td>
<td style="background: #10e"> </td>
<td style="background: #20d"> </td>
<td style="background: #30c"> </td>
<td style="background: #40b"> </td>
<td style="background: #50a"> </td>
<td style="background: #609"> </td>
<td style="background: #708"> </td>
<td style="background: #807"> </td>
<td style="background: #906"> </td>
<td style="background: #a05"> </td>
<td style="background: #b04"> </td>
<td style="background: #c03"> </td>
<td style="background: #d02"> </td>
<td style="background: #e01"> </td>
<td style="background: #f00"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0, 0, 255)"> </td>
<td style="background: rgb(17, 0, 238)"> </td>
<td style="background: rgb(34, 0, 221)"> </td>
<td style="background: rgb(51, 0, 204)"> </td>
<td style="background: rgb(68, 0, 187)"> </td>
<td style="background: rgb(85, 0, 170)"> </td>
<td style="background: rgb(102, 0, 153)"> </td>
<td style="background: rgb(119, 0, 136)"> </td>
<td style="background: rgb(136, 0, 119)"> </td>
<td style="background: rgb(153, 0, 102)"> </td>
<td style="background: rgb(170, 0, 85)"> </td>
<td style="background: rgb(187, 0, 68)"> </td>
<td style="background: rgb(204, 0, 51)"> </td>
<td style="background: rgb(221, 0, 34)"> </td>
<td style="background: rgb(238, 0, 17)"> </td>
<td style="background: rgb(255, 0, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: rgb(6.7%, 0%, 93.3%)"> </td>
<td style="background: rgb(13.3%, 0%, 86.7%)"> </td>
<td style="background: rgb(20%, 0%, 80%)"> </td>
<td style="background: rgb(26.7%, 0%, 73.3%)"> </td>
<td style="background: rgb(33.3%, 0%, 66.7%)"> </td>
<td style="background: rgb(40%, 0%, 60%)"> </td>
<td style="background: rgb(46.7%, 0%, 53.3%)"> </td>
<td style="background: rgb(53.3%, 0%, 46.7%)"> </td>
<td style="background: rgb(60%, 0%, 40%)"> </td>
<td style="background: rgb(66.7%, 0%, 33.3%)"> </td>
<td style="background: rgb(73.3%, 0%, 26.7%)"> </td>
<td style="background: rgb(80%, 0%, 20%)"> </td>
<td style="background: rgb(86.7%, 0%, 13.3%)"> </td>
<td style="background: rgb(93.3%, 0%, 6.7%)"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from fuchsia at the left to aqua at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ff00ff"> </td>
<td style="background: #ee11ff"> </td>
<td style="background: #dd22ff"> </td>
<td style="background: #cc33ff"> </td>
<td style="background: #bb44ff"> </td>
<td style="background: #aa55ff"> </td>
<td style="background: #9966ff"> </td>
<td style="background: #8877ff"> </td>
<td style="background: #7788ff"> </td>
<td style="background: #6699ff"> </td>
<td style="background: #55aaff"> </td>
<td style="background: #44bbff"> </td>
<td style="background: #33ccff"> </td>
<td style="background: #22ddff"> </td>
<td style="background: #11eeff"> </td>
<td style="background: #00ffff"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #f0f"> </td>
<td style="background: #e1f"> </td>
<td style="background: #d2f"> </td>
<td style="background: #c3f"> </td>
<td style="background: #b4f"> </td>
<td style="background: #a5f"> </td>
<td style="background: #96f"> </td>
<td style="background: #87f"> </td>
<td style="background: #78f"> </td>
<td style="background: #69f"> </td>
<td style="background: #5af"> </td>
<td style="background: #4bf"> </td>
<td style="background: #3cf"> </td>
<td style="background: #2df"> </td>
<td style="background: #1ef"> </td>
<td style="background: #0ff"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 0, 255)"> </td>
<td style="background: rgb(238, 17, 255)"> </td>
<td style="background: rgb(221, 34, 255)"> </td>
<td style="background: rgb(204, 51, 255)"> </td>
<td style="background: rgb(187, 68, 255)"> </td>
<td style="background: rgb(170, 85, 255)"> </td>
<td style="background: rgb(153, 102, 255)"> </td>
<td style="background: rgb(136, 119, 255)"> </td>
<td style="background: rgb(119, 136, 255)"> </td>
<td style="background: rgb(102, 153, 255)"> </td>
<td style="background: rgb(85, 170, 255)"> </td>
<td style="background: rgb(68, 187, 255)"> </td>
<td style="background: rgb(51, 204, 255)"> </td>
<td style="background: rgb(34, 221, 255)"> </td>
<td style="background: rgb(17, 238, 255)"> </td>
<td style="background: rgb(0, 255, 255)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 0%, 100%)"> </td>
<td style="background: rgb(93.3%, 6.7%, 100%)"> </td>
<td style="background: rgb(86.7%, 13.3%, 100%)"> </td>
<td style="background: rgb(80%, 20%, 100%)"> </td>
<td style="background: rgb(73.3%, 26.7%, 100%)"> </td>
<td style="background: rgb(66.7%, 33.3%, 100%)"> </td>
<td style="background: rgb(60%, 40%, 100%)"> </td>
<td style="background: rgb(53.3%, 46.7%, 100%)"> </td>
<td style="background: rgb(46.7%, 53.3%, 100%)"> </td>
<td style="background: rgb(40%, 60%, 100%)"> </td>
<td style="background: rgb(33.3%, 66.7%, 100%)"> </td>
<td style="background: rgb(26.7%, 73.3%, 100%)"> </td>
<td style="background: rgb(20%, 80%, 100%)"> </td>
<td style="background: rgb(13.3%, 86.7%, 100%)"> </td>
<td style="background: rgb(6.7%, 93.3%, 100%)"> </td>
<td style="background: rgb(0%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from yellow at the left to fuchsia at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #ffff00"> </td>
<td style="background: #ffee11"> </td>
<td style="background: #ffdd22"> </td>
<td style="background: #ffcc33"> </td>
<td style="background: #ffbb44"> </td>
<td style="background: #ffaa55"> </td>
<td style="background: #ff9966"> </td>
<td style="background: #ff8877"> </td>
<td style="background: #ff7788"> </td>
<td style="background: #ff6699"> </td>
<td style="background: #ff55aa"> </td>
<td style="background: #ff44bb"> </td>
<td style="background: #ff33cc"> </td>
<td style="background: #ff22dd"> </td>
<td style="background: #ff11ee"> </td>
<td style="background: #ff00ff"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #ff0"> </td>
<td style="background: #fe1"> </td>
<td style="background: #fd2"> </td>
<td style="background: #fc3"> </td>
<td style="background: #fb4"> </td>
<td style="background: #fa5"> </td>
<td style="background: #f96"> </td>
<td style="background: #f87"> </td>
<td style="background: #f78"> </td>
<td style="background: #f69"> </td>
<td style="background: #f5a"> </td>
<td style="background: #f4b"> </td>
<td style="background: #f3c"> </td>
<td style="background: #f2d"> </td>
<td style="background: #f1e"> </td>
<td style="background: #f0f"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(255, 255, 0)"> </td>
<td style="background: rgb(255, 238, 17)"> </td>
<td style="background: rgb(255, 221, 34)"> </td>
<td style="background: rgb(255, 204, 51)"> </td>
<td style="background: rgb(255, 187, 68)"> </td>
<td style="background: rgb(255, 170, 85)"> </td>
<td style="background: rgb(255, 153, 102)"> </td>
<td style="background: rgb(255, 136, 119)"> </td>
<td style="background: rgb(255, 119, 136)"> </td>
<td style="background: rgb(255, 102, 153)"> </td>
<td style="background: rgb(255, 85, 170)"> </td>
<td style="background: rgb(255, 68, 187)"> </td>
<td style="background: rgb(255, 51, 204)"> </td>
<td style="background: rgb(255, 34, 221)"> </td>
<td style="background: rgb(255, 17, 238)"> </td>
<td style="background: rgb(255, 0, 255)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 100%, 0%)"> </td>
<td style="background: rgb(100%, 93.3%, 6.7%)"> </td>
<td style="background: rgb(100%, 86.7%, 13.3%)"> </td>
<td style="background: rgb(100%, 80%, 20%)"> </td>
<td style="background: rgb(100%, 73.3%, 26.7%)"> </td>
<td style="background: rgb(100%, 66.7%, 33.3%)"> </td>
<td style="background: rgb(100%, 60%, 40%)"> </td>
<td style="background: rgb(100%, 53.3%, 46.7%)"> </td>
<td style="background: rgb(100%, 46.7%, 53.3%)"> </td>
<td style="background: rgb(100%, 40%, 60%)"> </td>
<td style="background: rgb(100%, 33.3%, 66.7%)"> </td>
<td style="background: rgb(100%, 26.7%, 73.3%)"> </td>
<td style="background: rgb(100%, 20%, 80%)"> </td>
<td style="background: rgb(100%, 13.3%, 86.7%)"> </td>
<td style="background: rgb(100%, 6.7%, 93.3%)"> </td>
<td style="background: rgb(100%, 0%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from aqua at the left to yellow at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: #00ffff"> </td>
<td style="background: #11ffee"> </td>
<td style="background: #22ffdd"> </td>
<td style="background: #33ffcc"> </td>
<td style="background: #44ffbb"> </td>
<td style="background: #55ffaa"> </td>
<td style="background: #66ff99"> </td>
<td style="background: #77ff88"> </td>
<td style="background: #88ff77"> </td>
<td style="background: #99ff66"> </td>
<td style="background: #aaff55"> </td>
<td style="background: #bbff44"> </td>
<td style="background: #ccff33"> </td>
<td style="background: #ddff22"> </td>
<td style="background: #eeff11"> </td>
<td style="background: #ffff00"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: #0ff"> </td>
<td style="background: #1fe"> </td>
<td style="background: #2fd"> </td>
<td style="background: #3fc"> </td>
<td style="background: #4fb"> </td>
<td style="background: #5fa"> </td>
<td style="background: #6f9"> </td>
<td style="background: #7f8"> </td>
<td style="background: #8f7"> </td>
<td style="background: #9f6"> </td>
<td style="background: #af5"> </td>
<td style="background: #bf4"> </td>
<td style="background: #cf3"> </td>
<td style="background: #df2"> </td>
<td style="background: #ef1"> </td>
<td style="background: #ff0"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0, 255, 255)"> </td>
<td style="background: rgb(17, 255, 238)"> </td>
<td style="background: rgb(34, 255, 221)"> </td>
<td style="background: rgb(51, 255, 204)"> </td>
<td style="background: rgb(68, 255, 187)"> </td>
<td style="background: rgb(85, 255, 170)"> </td>
<td style="background: rgb(102, 255, 153)"> </td>
<td style="background: rgb(119, 255, 136)"> </td>
<td style="background: rgb(136, 255, 119)"> </td>
<td style="background: rgb(153, 255, 102)"> </td>
<td style="background: rgb(170, 255, 85)"> </td>
<td style="background: rgb(187, 255, 68)"> </td>
<td style="background: rgb(204, 255, 51)"> </td>
<td style="background: rgb(221, 255, 34)"> </td>
<td style="background: rgb(238, 255, 17)"> </td>
<td style="background: rgb(255, 255, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 100%, 100%)"> </td>
<td style="background: rgb(6.7%, 100%, 93.3%)"> </td>
<td style="background: rgb(13.3%, 100%, 86.7%)"> </td>
<td style="background: rgb(20%, 100%, 80%)"> </td>
<td style="background: rgb(26.7%, 100%, 73.3%)"> </td>
<td style="background: rgb(33.3%, 100%, 66.7%)"> </td>
<td style="background: rgb(40%, 100%, 60%)"> </td>
<td style="background: rgb(46.7%, 100%, 53.3%)"> </td>
<td style="background: rgb(53.3%, 100%, 46.7%)"> </td>
<td style="background: rgb(60%, 100%, 40%)"> </td>
<td style="background: rgb(66.7%, 100%, 33.3%)"> </td>
<td style="background: rgb(73.3%, 100%, 26.7%)"> </td>
<td style="background: rgb(80%, 100%, 20%)"> </td>
<td style="background: rgb(86.7%, 100%, 13.3%)"> </td>
<td style="background: rgb(93.3%, 100%, 6.7%)"> </td>
<td style="background: rgb(100%, 100%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</body>
</html>