<html><!-- #BeginTemplate "/Templates/layout-articles.dwt" -->
<!-- DW6 --> 
<head>
<!-- #BeginEditable "doctitle" --> 
<title>Blending Colors</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="title" content="Blending Colors">
<META NAME="description" content="Free articles that can be used to learn about website design and development.">
<META NAME="keywords" content="free web templates, web template, site layouts, page layouts, page sets, graphic sets, web design, linkware, money, financial, floral, computer, hi tech, technology, skyline, building, patriotic, american, flag, automotive, christmas, baby, restaurant, halloween, sports, business">
<META NAME="rating" content="general">
<META NAME="distribution" CONTENT="global">
<META NAME="resource-type" CONTENT="document">
<META NAME="last-modified" CONTENT="2007/09/26">
<META NAME="robots" content="index,follow">
<META NAME="revisit-after" content="10_days">
<!-- #EndEditable --> 
<LINK REL=stylesheet HREF="http://www.afreewebtemplate.com/style.css" TYPE="text/css">
<script language="javascript">
function mailpage()
{
mail_str = "mailto:?subject=Check out this page called " + document.title;
mail_str += "&body=I thought you might be interested in this page called " + document.title;
mail_str += ". You can view it at, " + location.href.toString(); 
location.href = mail_str;
}
</script>
</head>
<body bgcolor="#E6E6FF" topmargin="0">
<STYLE type="text/css">
<!--
BODY
{
scrollbar-face-color: #001F5B;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #001F5B;
scrollbar-darkshadow-color: #001F5B;
scrollbar-shadow-color: #001F5B;
scrollbar-arrow-color: #BECFF1;
scrollbar-track-color: #BECFF1;
}
-->
</STYLE>
<!-- Kontera ContentLink™  --> 
<script type="text/javascript">
var dc_UnitID = 14;
var dc_PublisherID = 11120;
var dc_AdLinkColor = 'blue';
var dc_adprod='ADL';
</script>
<script type="text/javascript" src="http://kona.kontera.com/javascript/lib/KonaLibInline.js"></script>
<!-- Kontera ContentLink™  --> 
<table border="0" cellpadding="0" cellspacing="0" width="1000" align="center">
  <tr> <!-- Shim row, height 1. --> 
    <td><img src="../images/shim.gif" width="202" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="201" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="468" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="129" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="1" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 1 --> 
    <td colspan="4"><img name="layout_r1_c1" src="../images/layout_r1_c1.gif" width="1000" height="21" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="21" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 2 --> 
    <td rowspan="2" colspan="2"><a href="../index.html"><img name="layout_r2_c1" src="../images/layout_r2_c1.gif" width="403" height="90" border="0" alt="Home"></a></td>
    <td> 
      <div align="center"><a href="http://www.hooverwebdesign.com/flash_albums.html" target="_blank"><img name="layout_r2_c3" src="../images/468x60_flash_gallery.gif" width="468" height="60" border="0" alt="Flash Photo Gallery"></a></div>
    </td>
    <td rowspan="2"><img name="layout_r2_c4" src="../images/layout_r2_c4.gif" width="129" height="90" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="60" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 3 --> 
    <td><img name="layout_r3_c3" src="../images/layout_r3_c3.gif" width="468" height="30" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="30" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 4 --> 
    <td colspan="4"><img name="layout_r4_c1" src="../images/layout_r4_c1.gif" width="1000" height="41" border="0" usemap="#hoover_r2_c2Map"> 
      <map name="hoover_r2_c2Map"> <area shape="rect" coords="826,1,920,27" href="../links.html" alt="Related Links" title="Related Links"> 
        <area shape="rect" coords="730,-2,824,28" href="../resources.html" alt="Web Design Articles" title="Web Design Articles"> 
        <area shape="rect" coords="633,1,728,29" href="index.html" alt="Premium Web Templates" title="Premium Web Templates"> 
        <area shape="rect" coords="439,3,535,29" href="../terms.html" alt="Template Terms of Use" title="Template Terms of Use"> 
        <area shape="rect" coords="348,-2,438,26" href="../free-templates1.html" alt="Free Web Templates" title="Free Web Templates"> 
        <area shape="rect" coords="250,2,344,28" href="../index.html" alt="A Free Web Template Home" title="A Free Web Template Home"> 
        <area shape="rect" coords="538,1,632,29" href="../freegraphics/index.html" alt="Free Web Templates" title="Free Web Templates"> 
      </map></td>
    <td><img src="../images/shim.gif" width="1" height="41" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 5 --> 
    <td colspan="4"><img name="layout_r5_c1" src="../images/layout_r5_c1.gif" width="1000" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="1" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 6 --> 
    <td background="../images/layout_r6_c1.gif" bgcolor="#FFFFFF"> 
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr background="../images/layout_r6_c1.gif" valign="top"> 
          <td> 
            <table width="100%" border="0" cellspacing="1" cellpadding="0" bordercolor="#CCCCCC" bordercolorlight="#999999" bordercolordark="#666666">
              <tr> 
                <td colspan="2" bgcolor="#6699CC"><b><font color="#FFFFFF">Freebies</font></b></td>
              </tr>
              <tr> 
                <td bgcolor="#6699CC" width="1%" height="20">&nbsp;</td>
                <td width="99%" height="20"> <a href="../free-templates1.html">Free 
                  Web Templates</a> </td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="../freegraphics/index.html">Free Web Graphics</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="index.html">Free Web Design 
                  Articles</a></td>
              </tr>
            </table>
            <table width="100%" border="0" cellspacing="1" cellpadding="0" bordercolor="#CCCCCC" bordercolorlight="#999999" bordercolordark="#666666">
              <tr> 
                <td colspan="2" bgcolor="#6699CC"><b><font color="#FFFFFF">Help 
                  &amp; Information</font></b></td>
              </tr>
              <tr> 
                <td bgcolor="#6699CC" width="1%" height="20">&nbsp;</td>
                <td width="99%" height="20"><a href="../index.html">Home</a></td>
              </tr>
              <tr> 
                <td bgcolor="#6699CC" width="1%" height="20">&nbsp;</td>
                <td width="99%" height="20"> <a href="../terms.html">Terms of Use</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="http://www.hooverwebdesign.com/templates">Premium 
                  Web Templates</a></td>
              </tr>
              <tr> 
                <td bgcolor="#6699CC">&nbsp;</td>
                <td><a href="../link-exchange.html">Link Exchange Form</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="../website-builders.html">Online Website 
                  Builders</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="../resources.html">Website Resources</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="../links.html">Web Links</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="../contact.html">Contact Us</a></td>
              </tr>
            </table>
            
          </td>
        </tr>
      </table>
    </td>
    <td bgcolor="#FFFFFF" colspan="3"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="5">
        <tr> 
          <td> 
            <div align="center"></div>
            <table width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#FFFFFF">
              <tr> 
                <td width="50%"> 
                  <p>&nbsp; <img src="../images/icon-book.gif" width="29" height="29" align="absmiddle"> 
                    Learn Website Design Tricks and Tips. <a href="http://www.afreewebtemplate.com/articles/">Click 
                    here</a>.</p>
                </td>
                <td width="50%" valign="bottom"> 
                  <div align="right"> </div>
                  </td>
              </tr>
            </table>
            <div align="center"> </div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td valign="top"> 
                  <div align="center"> </div>
                  </td>
              </tr>
            </table>
            <table width="98%" border="0" cellspacing="0" cellpadding="5" bordercolor="#CC6666" align="center">
              <tr valign="top"> 
                <td> 
                  <div align="center"> 
                    <h1>Free Website Design Web Templates<b><font face="Arial, Helvetica, sans-serif"><b><font face="Arial, Helvetica, sans-serif"><font size="2"><br>
                      <br>
                      </font><b><font face="Arial, Helvetica, sans-serif"><font size="2"><img src="../images/icon-article.gif" width="18" height="16" align="absmiddle"> 
                      <a href="index.html">Related articles</a> <img src="../images/icon-graphics.gif" width="18" height="16" align="absmiddle"> 
                      <a href="../freegraphics/index.html">Add graphics to your 
                      template</a> <img src="../images/icon-friend.gif" width="18" height="16" align="absmiddle"> 
                      <a href="javascript:mailpage()">Send this page to a friend</a> 
                      <br>
                      <script type="text/javascript"><!--
google_ad_client = "pub-8746590042519546";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text";
//2008-01-21: myprintablegreetings.com
google_ad_channel = "6444342160";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_text = "000000";
google_color_url = "0000FF";
//-->
</script>
                                            <script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
                      </font></font></b></font></b></font></b></h1>
                  </div>
                </td>
              </tr>
              <tr> 
                <td valign="top" width="66%"> 
                  <div align="center"> 
                    <div align="center"> 
                      <div align="center"> 
                        <div align="center"> 
                          <div align="center"> </div>
                          <div align="center"> 
                            <div align="center"> 
                              <div align="center"> 
                                <div align="center"> 
                                  <div align="center"> 
                                    <div align="center"> </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div align="center"> </div>
                        <div align="center"> 
                          <div align="center"> </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div align="center"></div>
                  <div align="center"> </div>
                  <div align="center"> </div>
                  <!-- #BeginLibraryItem "/Library/free-temps-navigation.lbi" -->
<div align="center"> <font face="Arial, Helvetica, sans-serif" size="2"><b> &gt;&gt; 
  [ <a href="http://www.afreewebtemplate.com/free-templates1.html">1</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates2.html">2</a> 
  ] [ <a href="http://www.afreewebtemplate.com/free-templates3.html">3</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates4.html">4</a> 
  ] [ <a href="http://www.afreewebtemplate.com/free-templates5.html">5</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates6.html">6</a> 
  ] [ <a href="http://www.afreewebtemplate.com./free-templates7.html">7</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates8.html">8</a> 
  ] [ <a href="http://www.afreewebtemplate.com/free-templates9.html">9</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates10.html">10</a> 
  ] [ <a href="http://www.afreewebtemplate.com/free-templates11.html">11</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates12.html">12</a> 
  ] [ <a href="http://www.afreewebtemplate.com./free-templates13.html">13</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates14.html">14</a> 
  ] &lt;&lt; </b></font></div>
<!-- #EndLibraryItem --> 
                  <div align="center"><img src="../images/lines.gif" width="517" height="1"> 
                  </div>
                  <div align="center"> 
                    <div align="center"> 
                      <div align="center"> 
                        <div align="center"> 
                          <div align="center"><!-- #BeginEditable "content" --> 
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr> 
                                <td valign="top"> 
                                  <div align="center"> </div>
                                  <table width="100%" border="0" cellspacing="0" cellpadding="5">
                                    <tr valign="top"> 
                                      <td height="881"> 
                                        <h1 align="center"><font face="Arial, Helvetica, sans-serif" size="2"> 
                                          </font>Blending Colors</h1>
                                        <p align="left"><font face="Arial, Helvetica, sans-serif" size="2"><!-- #BeginLibraryItem "/Library/adsense-300x250.lbi" --> 
<script language="JavaScript" type="text/javascript">
<!--
ctxt_ad_partner = "1917901875";
ctxt_ad_section = "10687";
ctxt_ad_bg = "";
ctxt_ad_width = 336;
ctxt_ad_height = 280;
ctxt_ad_bc = "FFFFFF";
ctxt_ad_cc = "FFFFFF";
ctxt_ad_lc = "0000FF";
ctxt_ad_tc = "000000";
ctxt_ad_uc = "999999";
// -->
</script>
<script language="JavaScript" src="http://ypn-js.overture.com/partner/js/ypn.js">
</script><!-- #EndLibraryItem --></font> </p>
                                        <p>When you are familiar with software 
                                          applications such as Adobe Photoshop, 
                                          Flash and other drawing programs, I 
                                          know you are also very much familiar 
                                          with the swatches. Swatches contain 
                                          selection of different colors that you 
                                          can use during the creation of your 
                                          web design, graphic design, and animation. 
                                          Know what, we have a new innovation 
                                          in these swatches. This is the so-called 
                                          Color Blender. </p>
                                        <p>According to the blog entitled &#147;Color 
                                          Blender&#148; which was posted by Neil 
                                          last October 27, 2004 at www.eightlines.com, 
                                          the author mentioned that this Color 
                                          Blender allows you to take two colors 
                                          and see blends of up to 10 different 
                                          ones from which you can get their HTML 
                                          Hex codes. </p>
                                        <p>How can you do it? It&#146;s actually 
                                          as simple as 1-2-3. The following procedures 
                                          were also mentioned in the said article. 
                                          First, you need to pick a color value 
                                          format, input two valid CSS color values 
                                          in the format you chose, and pick the 
                                          number of midpoints you'd like to see. 
                                          During this step, the palette will show 
                                          the colors you input as well as the 
                                          requested number of midpoint colors 
                                          and the values of those colors. All 
                                          numbers are rounded to the nearest integer. 
                                          When you click on a square in the &quot;waterfall&quot; 
                                          display, it will fill in the appropriate 
                                          value for whichever input is highlighted. 
                                          And, when you switch between value formats, 
                                          it will translate whatever values are 
                                          in place. Clicking on the &quot;Clear&quot; 
                                          button removes all values and colors, 
                                          but does not change the current value 
                                          format. </p>
                                        <p>With this, graphic art professionals 
                                          and web developers can now experiment 
                                          more in the color combinations in their 
                                          projects thus, making them more creative 
                                          and innovative in their line of work. 
                                          I would like to commend the programmers 
                                          of this simple yet so important program. 
                                          More power! </p>
                                        <p></p>
                                        <p>About the author:<br>
                                          Additional Information about the articles 
                                          can be found at <a href="http://www.catalogprintingexperts.com" target="_blank">http://www.catalogprintingexperts.com</a></p>
                                        <p></p>
                                        <p><font size="2" face="Arial, Helvetica, sans-serif"> 
                                          </font></p>
                                      </td>
                                    </tr>
                                  </table>
                                  <div align="left">&lt;&lt; <a href="index.html">Return 
                                    to Articles Home Page</a><font face="Arial, Helvetica, sans-serif" size="2"> 
                                    </font>&nbsp; &nbsp; </div>
                                </td>
                              </tr>
                            </table>
                            <script language="javascript">
function mailpage()
{
mail_str = "mailto:?subject=Check out this page called " + document.title;
mail_str += "&body=I thought you might be interested in this page called " + document.title;
mail_str += ". You can view it at, " + location.href.toString(); 
location.href = mail_str;
}
</script>
                            <!-- #EndEditable --></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </td>
              </tr>
            </table>
            
          </td>
        </tr>
      </table>
      <div align="center"><b> <br>
        If you use our free web templates, please link back to us a <a href="http://www.afreewebtemplate.com">http://www.afreewebtemplate.com</a>.</b></div>
    </td>
    <td><img src="../images/shim.gif" width="1" height="393" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 8 --> 
    <td colspan="4"><img name="layout_r8_c1" src="../images/layout_r8_c1.gif" width="1000" height="13" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="13" border="0"></td>
  </tr>
</table>
<!-- #BeginLibraryItem "/Library/bottom.lbi" -->
<div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><a href="../index.html"><font size="2">Home</font></a><font size="2"> 
  | <a href="../free-templates1.html">Free Web Templates</a> | <a href="../freegraphics">Free 
  Web Graphics</a> | <a href="../articles">Web Design Articles</a> | <a href="../resources.html">Resources</a><br>
  © 2002-2009 <a href="../index.html">A Free Web Template</a>. All Rights Reserved.</font></font><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"> 
  </font></div>
<!-- #EndLibraryItem --> 
</body>
<!-- #EndTemplate --></html>

