Blend colors : Color « Dojo toolkit « JavaScript DHTML






Blend colors

 

<html>
  <head>
    <link rel="StyleSheet" type="text/css"
      href="js/dojo/dijit/themes/tundra/tundra.css">
      
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
        dojo.addOnLoad(function(  ) {
                var blue = new dojo.Color("#00f");
                var red = new dojo.Color([255, 0, 0]);
                var purple = dojo.blendColors(blue, red, 0.5);
                dojo.style("my", "background", purple.toCss(  ));
            });
    </script>
  </head>
  <body class="tundra">
       <p style="position : absolute; left : 300px; top : 300px;"
                  id="my"
               >Drag and drop me somewhere else</p>
</body>
</html>

   
  








Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.Create dojo.Color
2.Create dojo.Color from String
3.Create dojo.Color from an Array based on existing color
4.Color from Hex value
5.Color from hex value based on existing value
6.Convert dojo.Color object to CSS
7.Convert dojo.Color to RGB
8.Convert dojo.Color to RGBA
9.Convert dojo.Color to hex value
10.Set color to new value
11.Create a gray color
12.Create color from your array
13.Change color object to CSS