<html><!-- #BeginTemplate "/Templates/coolblue-inside.dwt" -->
<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="2006/12/08">
<META NAME="robots" content="index,follow">
<META NAME="revisit-after" content="10_days">
<!-- #EndEditable --> 
<LINK REL=stylesheet HREF="http://www.webmajestic.com/mystyle.css" TYPE="text/css">
</head>
<body bgcolor="#79849A" topmargin="0">
<!-- Kontera ContentLink(TM);--> 
<script type='text/javascript'>
var dc_AdLinkColor = 'green' ;
var dc_UnitID = 14 ;
var dc_PublisherID = 11118;
var dc_adprod = 'ADL' ;
</script>
<script type='text/javascript' 
src='http://kona.kontera.com/javascript/lib/KonaLibInline.js'>
</script>
<!-- Kontera ContentLink(TM) --> 
<table border="0" cellpadding="0" cellspacing="0" width="750" align="center">
  <tr> <!-- Shim row, height 1. --> 
    <td><img src="../images/shim.gif" width="750" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="1" border="0"></td>
  </tr>
  <tr valign="top"> 
    <td bgcolor="#FFFFFF"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="10">
        <tr> 
          <td width="76%" valign="top"> 
            <div align="center"> 
              <table border="0" cellpadding="0" cellspacing="0" width="750">
                <!-- fwtable fwsrc="home2.png" fwbase="index.gif" --> 
                <tr> <!-- Shim row, height 1. --> 
                  <td><img src="../images/shim.gif" width="217" height="1" border="0"></td>
                  <td><img src="../images/shim.gif" width="533" 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 rowspan="2"><img name="index_r1_c1" src="../images/index_r1_c1.gif" width="217" height="263" border="0" usemap="#hoover_index_r1_c1MapMap"><map name="hoover_index_r1_c1MapMap"><area shape="rect" coords="8,9,198,245" href="../index.html" alt="Home" title="Home"></map></td>
                  <td><img name="index_r1_c2" src="../images/index_r1_c2.gif" width="533" height="230" border="0" usemap="#hoover_index_r1_c1Map"><map name="hoover_index_r1_c1Map"><area shape="rect" coords="447,176,531,213" href="http://www.webmajestic.com/contact.html" alt="Contact Webmajestic" title="Contact Webmajestic"><area shape="rect" coords="349,175,444,213" href="http://www.webmajestic.com/resources.html" alt="Resources" title="Resources"><area shape="rect" coords="3,175,79,214" href="http://www.webmajestic.com/web_lessons.html" alt="Web Design Lessons" title="Web Design Lessons"><area shape="rect" coords="83,176,169,214" href="http://www.webmajestic.com/templates" alt="Web Design Templates" title="Web Design Templates"><area shape="rect" coords="170,177,262,213" href="http://www.webmajestic.com/articles" alt="Web Design Articles" title="Web Design Articles"><area shape="rect" coords="263,177,349,212" href="http://www.webmajestic.com/graphics" alt="Free Web Graphics" title="Free Web Graphics"><area shape="rect" coords="4,4,527,165" href="../index.html" alt="Home" title="Home"></map></td>
                  <td><img src="../images/shim.gif" width="1" height="230" border="0"></td>
                </tr>
                <tr valign="top"><!-- row 2 --> 
                  <td background="../images/index_r2_c2.gif" valign="middle">
                    <div align="right"><!-- Google CSE Search Box Begins --> 
                      <form id="searchbox_001927420258398297637:nplqsaxspt4" action="http://www.webmajestic.com/results.html">
                        <input type="hidden" name="cx" value="001927420258398297637:nplqsaxspt4" />
                        <input name="q" type="text" size="30" value=" " />
                        <input style="background:CCCCCC; border-width:1px" type="submit" name="sa" value="Search" />
                        <input type="hidden" name="cof" value="FORID:11" />
                      </form>
                      <script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_001927420258398297637%3Anplqsaxspt4"></script>
                      <!-- Google CSE Search Box Ends --></div>
                  </td>
                  <td><img src="../images/shim.gif" width="1" height="33" border="0"></td>
                </tr>
              </table>
              
              <script type="text/javascript"><!--
google_ad_client = "pub-3142337522589164";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
//2007-09-30: webmajestic
google_ad_channel = "6999496151";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0033FF";
google_color_text = "000000";
google_color_url = "0033FF";
//-->
</script>
              <script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
            </div>
            <!-- #BeginEditable "content" --> 
            <div align="center"></div>
            <table width="100%" border="0" cellspacing="0" cellpadding="5">
              <tr valign="top"> 
                <td> 
                  <h1 align="center">Blending Colors by: Nashville </h1>
                  <table width="100%" border="0" cellspacing="0" cellpadding="2">
                    <tr valign="top"> 
                      <td><font face="Arial, Helvetica, sans-serif" size="2"> 
                        <script type="text/javascript"><!--
google_ad_client = "pub-3142337522589164";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
//2006-12-07: webmajestic
google_ad_channel = "6999496151";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0033FF";
google_color_text = "000000";
google_color_url = "0033FF";
//--></script>
                        <script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
                        </font> 
                        <table width="236" border="1" cellspacing="0" cellpadding="5" bordercolor="#6666FF">
                          <tr> 
                            <td> 
                              <p><b>Related Articles</b></p>
                              <p><a href="webdesign-business.html">Web Design 
                                Business - 5 Surefire Ways To Fail</a></p>
                              <p><a href="web-design-work.html">How Not To Get 
                                Web Design Work</a></p>
                              <p><a href="website-copy.html">Your Website Copy 
                                Could be Letting You Down</a></p>
                            </td>
                          </tr>
                        </table>
                        <p>&lt;&lt; <a href="index.html">Return to Articles Home 
                          Page</a><font face="Arial, Helvetica, sans-serif" size="2"> 
                          </font></p>
                      <font face="Arial, Helvetica, sans-serif" size="2">
                          </font></td>
                      <td> 
                        <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>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
            <!-- #EndEditable --> 
            <div align="center"> </div>
            <div align="right"></div>
          </td>
        </tr>
      </table>
    </td>
    <td>&nbsp;</td>
  </tr>
  <tr valign="top"><!-- row 3 --> 
    <td background="../images/hoover_index_r3_c1.gif" valign="middle"> 
      <div align="center"><a href="http://www.webmajestic.com">Home</a> | <a href="http://www.webmajestic.com/webguide.html">Tutorials</a> 
        | <a href="http://www.webmajestic.com/userpages">Free Site Builder</a> 
        | <a href="http://www.webmajestic.com/templates">Templates</a> | <a href="http://www.webmajestic.com/articles">Articles</a> 
        | <a href="http://www.webmajestic.com/graphics">Free Web Graphics</a> 
        | <a href="http://www.webmajestic.com/awardsprogram.html"> </a> <a href="http://www.webmajestic.com/resources.html">Web 
        Resources</a> | <a href="http://www.webmajestic.com/links.html">Links</a> 
        | <a href="http://www.webmajestic.com/privacy.html">Privacy</a> | <a href="http://www.webmajestic.com/contact.html">Contact</a></div>
    </td>
    <td><img src="../images/shim.gif" width="1" height="34" border="0"></td>
  </tr>
</table>
<div align="center"><font color="#CC6600"><font color="#FFFFFF"> © 2000-2008 <a href="http://www.webmajestic.com">Webmajestic.com</a>. 
  All Rights Reserved</font></font><font color="#FFFFFF">.</font> </div>
</body>

<!-- #EndTemplate --></html>