Color workspaceFree · No account needed

Pick a color. Build a system. Take it into your work.

Color mixer

Mix two colors in sRGB, linear RGB, OKLab or OKLCH.

Two colors. A useful middle.

First color

Second color

Mixing spaceSecond color contribution · 50%

HEX#7F8061

RGBrgb(127, 128, 97)

HSLhsl(61.94, 13.78%, 44.12%)

HSVhsv(61.94 24.22% 50.2%)

OKLCHoklch(59.054% 0.04499 109.236)

Lablab(52.863% -4.459 16.785)

Display P3color(display-p3 0.498738 0.501831 0.393117)

CMYK estimatecmyk(0.78% 0% 24.22% 49.8%)

The path between

#12776F

#3C7A6C

#567C69

#6B7F65

#7F8061

#91825D

#A38358

#B48452

#C5844B

Compare mixing spaces at 50%

#6C7E5D

#917E5F

#7F8061

#728743

Left to right: encoded sRGB, linear-light RGB, OKLab and OKLCH. This is digital interpolation rather than a paint or ink model.

How this tool works & what to check

The color space affects the path between two colors. Perceptual interpolation can produce a different midpoint from mixing encoded RGB channels. This is digital interpolation, not a physical pigment or paint model.

Color guides & practical workflows →Check a foreground/background pair →

Shared between tools

Your workspace palette 5/12

#12776F

#D9E6D5

#F4F6F3

#192622

#C5844B

Save or import a palette →Create theme tokens →Explore website templates →Work with a designer →