Allen Pitts
asked on
HTML Color Progession
Hello Expert,
Have been using a progression of HTML color codes to
create a gradient in a table, copied below.
At the bottom of the code the progression
is going
B 0 C 4 0 2
B 0 C 4 0 1
B 0 C 4 0 0
It seems like the next number, because the progression is
descending, the fourth number
(from the right) would decrement to 3 and the
fifth and six numbers would become the highest 'numbers'
available which is F. So the next number
should be
BOC3FF
But this breaks the progression of colors
displayed because BOC3FF is a light blue and
B0C400
is yellow-green.
Where is the flaw in this logic?
Thanks.
Allen in Dallas
Have been using a progression of HTML color codes to
create a gradient in a table, copied below.
At the bottom of the code the progression
is going
B 0 C 4 0 2
B 0 C 4 0 1
B 0 C 4 0 0
It seems like the next number, because the progression is
descending, the fourth number
(from the right) would decrement to 3 and the
fifth and six numbers would become the highest 'numbers'
available which is F. So the next number
should be
BOC3FF
But this breaks the progression of colors
displayed because BOC3FF is a light blue and
B0C400
is yellow-green.
Where is the flaw in this logic?
Thanks.
Allen in Dallas
<tr>
<td bgcolor="#b0c431"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c430"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c42f"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c42e"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c42d"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c42c"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c42b"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c42a"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c429"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c428"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c427"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c426"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c425"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c424"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c423"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c422"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c421"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c420"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c41f"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c41e"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c41d"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c41c"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c41b"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c41a"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c419"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c418"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c417"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c416"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c415"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c414"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c413"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c412"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c411"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c410"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c40f"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c40e"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c41d"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c40c"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c40b"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c40a"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c409"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c408"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c407"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c406"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c405"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c404"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c403"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c402"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c401"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c400"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c3ff"><a href="#" target="new"> </a></td>
</tr>
<tr>
<td bgcolor="#b0c3fe"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c3fd"><a href="#" target="new"> </a></td>
<td bgcolor="#b0c3fc"><a href="#" target="new"> </a></td>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.