Color Mixer
Blend two colors by ratio using normal, multiply, screen, overlay, darken, or lighten blend modes. Free, private, and 100% client-side.
Local only
Recent history
No history yet
How to use
- Enter two colors separated by a space or newline.
- Select a blend mode and set the ratio.
- View the blended result in HEX and RGB.
Frequently asked questions
- What blend modes are supported?
- Normal (linear interpolation), multiply, screen, overlay, darken (min), and lighten (max) blend modes are supported.
- How do I input the two colors?
- Enter both colors separated by a space or newline (e.g. '#FF0000 #0000FF'). HEX and RGB formats are accepted.
- What does the ratio parameter mean?
- The ratio (0-100%) controls the blend amount. At 50%, both colors contribute equally in normal mode.
Related tools
Color Converter Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Free, private, and 100% client-side. Color Palette Generator Generate color palettes from a base color: complementary, analogous, triadic, tetradic, or monochromatic schemes. Free, private, and 100% client-side. CSS Gradient Generator Generate CSS gradient code for linear, radial, and conic gradients with custom angles and color stops. Free, private, and 100% client-side.