Color Blender

Q: How do you blend two hex colors?

Each RGB channel is mixed with linear interpolation: new = A × (1 − t) + B × t, where t is the mix ratio from 0 to 1.

Mix two hex colors in any ratio and see the resulting hex, RGB, and HSL values. The interpolation ramp shows every intermediate step between the two colors so you can pick the exact shade you need.

Result

Interpolation ramp

Frequently asked questions

How do you blend two hex colors?

Each RGB channel is mixed with linear interpolation: new = A × (1 − t) + B × t, where t is the mix ratio from 0 to 1.

What does a 50% mix of two colors look like?

A 50% mix produces the average of the two RGB values, which is the midpoint of the interpolation ramp.