Color Blender & Converter

Blend two colors into smooth, even steps and convert any color between HEX, RGB, HSL and OKLCH — perceptually-even mixing, right in your browser.

Steps6

Blended (50%)

#9a7b9e

Convert a color

HEX
RGB
HSL
OKLCH

How it works

  1. 1

    Choose two colors

    Set color A and color B, the two ends of the blend.

  2. 2

    Mix

    Drag the ratio for a single mix, or set the number of steps for a full scale.

  3. 3

    Copy values

    Copy any step’s hex, or convert a color between HEX, RGB, HSL and OKLCH.

Instant & 100% private — nothing is uploaded

Every color is generated and converted right on your own device. Nothing is sent to a server, so there are no waits, no limits, and no copies kept anywhere.

Frequently asked questions

How are the colors blended?
Colors are mixed in the OKLCH color space, which keeps the steps perceptually even and avoids the muddy mid-tones you get from blending raw RGB.
What is the blend ratio?
The ratio sets how far the mix sits between color A and color B — 0% is pure A, 100% is pure B, 50% is the midpoint.
Which formats can I convert between?
HEX, RGB, HSL and OKLCH. Enter a color in any of them and read it back in all the others.
Is anything uploaded?
No. All blending and conversion happens locally in your browser. Nothing leaves your device.