Color Blender

This is a handy tool to see related colors between two color values.

Pick a color value format, input two valid CSS color values in the format you chose (or select from the color grid), and pick the number of midpoints you'd like to see (1 - 10). Click "Blend"

Format Hex RGB RGB%
Color 1  
Color 2  
blend clear
  • All numbers are rounded to the nearest integer.
  • Clicking on a square in the "waterfall" display will fill in the appropriate value for whichever input is highlighted.
  • Switching between value formats will translate whatever values are in place.
  • "Clear" removes all values and colors, but does not change the current value format.
  • The URL of the page is updated with each change so you can share or bookmark the colors, blend steps, and value format currently shown.

Have a question or need a custom quote?

Give us a call to see what we can do for you and your business! (914) 263-6746.