Color Mixer
Mix two colors with an adjustable percentage and RGB/LAB modes. Perfect for finding intermediate tones between brand colors.
Mix
Result (50% B)
#3B82F6
50% A
#30A8BE
50% mix
#22C55E
50% B
Full scale #3B82F6 → #22C55E
#30A8BE
Lab mix
How to use: Mix colors
- 1Pick color A and color B.
- 2Adjust the mix weight and the mode (perceptual Lab or linear RGB).
- 3Copy the resulting color or any step of the scale.
What is it for?
- Create in-between shades for hover states or backgrounds.
- Generate consistent gradients and color scales.
- Find a transition color between two brand colors.
Mixing colors on screen
Additive versus subtractive mixing
Screens add light (red, green, blue), so mixing colors on screen does not match mixing paints, which subtract light. Mixing blue and yellow on screen gives gray, not green.
Interpolation
Mixing two colors 50/50 equals averaging their channels. For more natural gradients, interpolation is sometimes done in spaces such as HSL or OKLCH.
Use cases
Generating intermediate shades for hover states, creating gradients, lightening a brand color or producing a tinted gray scale.
Related tools
Frequently asked questions
What's the difference between RGB and LAB?+
RGB interpolates in the screen's color space. LAB does it perceptually, with more natural-looking results.