Find Color Codes

Color Mixer

Blend two colors and read every step between them.

Three steps

How to use it

  1. 1

    Set the two ends

    Enter any two colors. They can be anything. The mixer does not care whether they harmonise.

  2. 2

    Choose the number of steps

    More steps give a finer ramp. Ten is a good default for building a tonal scale.

  3. 3

    Take the step you need

    Every step in the ramp copies on click. The exact midpoint is highlighted.

About this tool

The blend interpolates in RGB, which is what a browser does when it composites one color over another at partial opacity. So the result here matches what you will actually see on screen.

Worth knowing: RGB interpolation between two saturated colors of different hue passes through a desaturated middle. Blending blue and yellow gives grey, not green, because that is what happens when you average light rather than mix pigment. If you want the vivid path between two hues, rotate around the wheel instead.