Color Mixer
Halfway between blue and yellow is gray in one color space and green in another. Mix two colors here and watch each space take a different route between them.
The two colors
Mix in
The mix
The whole way across, in each space
Click anywhere on a ramp to take that step as the mix. sRGB is the one browsers use by default, and the one that dips through mud when the two colors sit opposite each other on the wheel.
What each space does
- OKLab
- Blends by how colors look. Even steps, no dead gray in the middle. The one to reach for.
- sRGB
- Straight down the numbers a screen stores. Fast, familiar, and the reason so many gradients sag in the middle.
- Linear
- Undoes the display curve first, which is how light really adds up. Brighter through the middle than sRGB.
- HSL
- Walks around the hue wheel the short way, so blue to yellow passes through green rather than gray.
- Paint
- A rough stand-in for mixing pigment, where blue and yellow really do make green.