chromium/third_party/blink/web_tests/external/wpt/css/css-color/t421-rgb-values-meaning-b.xht

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

	</body>
</html>