Utility PageUtility Page

This page contains a few useful Web Development Utilities, hosted on this site for the convenience of the Webmaster. Now that you have found this page, feel free to use them too. Disclaimer: No warranty expressed or implied, tools may be removed without warning at any time.

Eric Meyer's Color Blender - Cascading Style Sheets

Format Hex RGB RGB%
Color 1  
Color 2  
blend clear
  • The Color Blender is useful for finding a color halfway between two shades you like, or blending together two colors in different proportions. To get lighter or darker shades of a color, choose white or black as the other color.
  • To use the Color Blender, click in the box next to Color 1, then click on a colored square. Repeat for Color 2. Clicking any colored square will fill in the appropriate value for whichever input is highlighted. Hint: white (#FFFFFF) is the first square, black (#000000) is the last square. Or you can type or paste a color value into the box, if you know one.
  • Choose two colors and pick the number of midpoints you'd like to see. The palette will show the colors you input as well as the requested number of midpoint colors, and the values of those colors.
  • See a color you like? Simply paste its value into your style sheet instead of an existing color value.

Creative Commons License

The Color Blender is licensed under a Creative Commons Attribution-ShareAlike 1.0 License. The original Color Blender was created "without warranty or guarantee" by style sheet guru Eric Meyer.

"This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive, or e-mail those naughty pictures you hid in the Utilities folder to your mother. Don't blame me if anything bad happens to you, because it's actually the aliens' fault. The code expressed herein is solely that of the author, and he's none too swift with the JavaScript, if you know what we mean, so it's likely to cause giggle fits in anyone who knows what they're doing. Not a flying toy. Thank you for playing. Insert coin to continue."