CSS Color Chart: Mixtures of Blue and Red
<html>
<head>
<title>CSS Color Chart</title>
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">
body {background-color: rgb(60%,60%,60%); color: rgb(0%,0%,0%);}
h1, h2 {color: rgb(80%80%80%)}
th {background-color: rgb(65%65%65%)}
</style>
</head>
<body>
<div align="center">
<h1>"Browser-Safe" Color Mixing Chart</h1>
<!--Table # Blue and Red Mixtures-->
<table width="90%" cellpadding="15" border="1">
<caption><b>Mixtures of Blue and Red</b></caption>
<tr>
<th>Color Mixture</th>
<th>0% Red</th>
<th>20% Red</th>
<th>40% Red</th>
<th>60% Red</th>
<th>80% Red</th>
<th>100% Red</th>
</tr>
<tr>
<th>0% Blue</th>
<td style="background-color: rgb(00%00%0%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(20%00%0%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(40%00%0%)">?/td>
<!-- Col 3 -->
<td style="background-color: rgb(60%00%0%)">?/td>
<!-- Col 4 -->
<td style="background-color: rgb(80%00%0%)">?/td>
<!-- Col 5 -->
<td style="background-color: rgb(100%00%0%)">?/td>
<!-- Col 6 -->
</tr>
<tr><!-- Row 1 -->
<th>20% Blue</th>
<td style="background-color: rgb(00%00%20%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(20%00%20%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(40%00%20%)">?/td>
<!-- Col 3 -->
<td style="background-color: rgb(60%00%20%)">?/td>
<!-- Col 4 -->
<td style="background-color: rgb(80%00%20%)">?/td>
<!-- Col 5 -->
<td style="background-color: rgb(100%00%20%)">?/td>
<!-- Col 6 -->
</tr>
<tr>
<th>40% Blue</th>
<td style="background-color: rgb(00%00%40%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(20%00%40%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(40%00%40%)">?/td>
<!-- Col 3 -->
<td style="background-color: rgb(60%00%40%)">?/td>
<!-- Col 4 -->
<td style="background-color: rgb(80%00%40%)">?/td>
<!-- Col 5 -->
<td style="background-color: rgb(100%00%40%)">?/td>
<!-- Col 6 -->
</tr>
<tr>
<th>60% Blue</th>
<td style="background-color: rgb(00%00%60%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(20%00%60%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(40%00%60%)">?/td>
<!-- Col 3 -->
<td style="background-color: rgb(60%00%60%)">?/td>
<!-- Col 4 -->
<td style="background-color: rgb(80%00%60%)">?/td>
<!-- Col 5 -->
<td style="background-color: rgb(100%00%60%)">?/td>
<!-- Col 6 -->
</tr>
<tr>
<th>80% Blue</th>
<td style="background-color: rgb(00%00%80%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(20%00%80%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(40%00%80%)">?/td>
<!-- Col 3 -->
<td style="background-color: rgb(60%00%80%)">?/td>
<!-- Col 4 -->
<td style="background-color: rgb(80%00%80%)">?/td>
<!-- Col 5 -->
<td style="background-color: rgb(100%00%80%)">?/td>
<!-- Col 6 -->
</tr>
<tr>
<th>100% Blue</th>
<td style="background-color: rgb(00%00%100%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(20%00%100%)">?/td>
<!-- Col 2 -->
<td style="background-color: rgb(40%00%100%)">?/td>
<!-- Col 3 -->
<td style="background-color: rgb(60%00%100%)">?/td>
<!-- Col 4 -->
<td style="background-color: rgb(80%00%100%)">?/td>
<!-- Col 5 -->
<td style="background-color: rgb(100%00%100%)">?/td>
<!-- Col 6 -->
</tr>
</table>
</div>
</body>
</html>
Related examples in the same category