<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>coral1</title>
<style type="text/css">
body {
background-color: #CCCCCC;
max-width: 1000px;
padding-left: 25px;
padding-right: 25px;
}
.TitleStyle {
font-size: 15px;
color: #666666;
font-weight: bold;
border-top-style: double;
border-top-color: #F08080;
border-bottom-color: #F08080;
border-bottom-style: double;
background-color: #CCCCCC;
border-left-style: double;
border-right-style: double;
border-right-color: #F08080;
border-left-color: #F08080;
width: 1055px;
}
.headingstyle {
background-color: #F88379;
font-family: "Copperplate Light";
font-size: 25px;
color: #666666;
font-weight: bold;
max-width: 100in;
width: 1061px;
background-position: vertical;
text-transform: inherit;
text-align: center;
}
<!--first listing of information with css style of "info-->
.Info {
background-color: #CCCCCC;
width: 1076px;
font-style: normal;
color: #333333;
text-align: left;
font-size: 13px;
margin-top: 5px;
}
.teal {
background-color: #008080;
height: 40px;
width: 440px;
font-family: Arial, Helvetica, sans-serif;
}
.info2 {
width: 425px;
background-color: #CCCCCC;
text-align: left;
font-size: 12px;
color: #333333;
}
.style18 {
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.coral2 {width: 500px; background-color: #CCCCCC; text-align: left; font-size: 12px; color: #333333; font-family: Arial, Helvetica, sans-serif; }
.style26 {
color: #008080;
font-weight: bold;
font-size: 15px;
}
.coralpink {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
background-color: #CCCCCC;
height: 450px;
width: 700px;
margin-right: 749px;
margin-left: 1px;
padding: padding top-50 padding bottom-50;
text-align: left;
}
a:link {
text-decoration: none;
color: #F8857B;
}
a:visited {
text-decoration: none;
color: #F8857B;
}
a:hover {
text-decoration: none;
color: #F8857B;
}
a:active {
text-decoration: none;
color: #F8857B;
}
.style36 {
width: 425px;
background-color: #CCCCCC;
text-align: left;
font-size: 15px;
color: #F88379;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style37 {
background-color: #CCCCCC;
width: 1076px;
font-style: normal;
color: #F08080;
text-align: left;
font-size: 15px;
margin-top: 5px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style38 {
background-color: #CCCCCC;
width: 1076px;
font-style: normal;
color: #FF7F50;
text-align: left;
font-size: 15px;
margin-top: 5px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style39 {
width: 425px;
background-color: #CCCCCC;
text-align: left;
font-size: 15px;
color: #FF4040;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style40 {
background-color: #CCCCCC;
width: 1076px;
font-style: normal;
color: #333333;
text-align: left;
font-size: 13px;
margin-top: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style41 {
width: 425px;
background-color: #CCCCCC;
text-align: left;
font-size: 12px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style42 {
background-color: #008080;
height: 40px;
width: 440px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style43 {color: #CCCCCC}
.style46 {color: #EC9790}
.style47 {color: #F88379}
-->
</style>
</head>
<body>
<h1 align="center" class="headingstyle">C O R A L</h1>
<p align="center" class="TitleStyle"> <span class="style46"><a href="file:///Users/graceharvey/Desktop/Final/GH3.html">in the water</a></span><a href="file:///Users/graceharvey/Desktop/Harvey,GraceCoral3.html"><span class="style43">...</span></a><span class="style43">................. ............................................................................</span> in color theory <span class="style43">..................................................................................................</span> <span class="style47"><a href="file:///Users/graceharvey/Desktop/Final/GH2.html">symbolism</a></span></p>
<h2 align="center" class="style40" "> RGB</h2>
<p align="center" class="style40" "> The RGB color model is made up of three primary colors to reproduce various colors. RGB stands for red, green and blue. The RGB model is used to display color in computers and on television screens. RGB is an additive color model. An additive color model involves combining red, blue, green and light. Combining red, blue, or green with another in equal amounts produces the colors cyan, magenta, and yellow.</p>
<p align="left" class="style41" "><span class="style23">There are four RGB based tones of the color coral. Each color ha</span>s a uni<span class="style23">versally recognizable html code. There are different shades of each tone which also have set html codes.</font></span></p>
<p align="left" class="style41" ">These colors are: Coral Pink, Light Coral, Coral, and Coral Red.</p>
<h3 class="style18"> RGB Tones of coral comparison list: </h3>
<p class="style36"><font align="left">Coral Pink (Hex: #F88379) (RGB: 248, 131, 121)</font>
<p class="style37">Light Coral (Hex: #F08080) (RGB: 240, 128, 128)
<p class="style38">Coral (Hex: #FF7F50) (RGB: 255, 127, 80)
<p class="style39">Coral Red (Hex: #FF4040) (RGB: 255, 64, 64)
<h3 class="style40">Color Wheel </h3>
<p class="style40">Coral is a warm vibrant color . Coral can be either high key(light) or low key(dark) depending on the value. The color coral is created by mixing red, yellow, brown, and white.<br>
Red gives coral its bluish tint. How much red is added to the other colors of yellow and white determines how intense the coral color becomes. Mix equal parts of yellow and red, which results in orange. Add white to yellow and red and the resulting color is light coral. More white results in a lighter coral color. Add brown to the mixture of red, yellow and white to darken the coral color.</p>
<p class="style40">The complimentary color to coral is <span class="style26">teal</span>. Since coral is value of red/orange it's complimentart color is a value of blue/green. Teal also has a recognizable html hex code numer.</p>
<p class="style42">Teal (#008080)</p>
</body>
</html>
No comments:
Post a Comment