Eric Meyer's Color Blender - Cascading Style Sheets

Color 1  
Color 2  
Midpoints
blend
Palette  
 
 
 
 
 
 
 
 
 
 
 
  • 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.