Back to all tools

Color Mixer

Mix two colors together and see the resulting color.

#7C3AED
#06B6D4
Mix Ratio50% : 50%
Mixed Color
#4178E1
rgb(65, 120, 225)

About Color Mixer

Color Mixer blends two colors together using an adjustable mix ratio and displays the resulting color with its HEX, RGB, and HSL values. It simulates paint-like color mixing useful for design, art, and UI work. A live preview updates as you drag the blend slider.

  • Mix any two colors
  • Adjustable blend ratio slider
  • Live preview of mixed color
  • HEX, RGB, HSL output of result

Related Tools

HEX to RGB
Convert HEX colors to RGB and HSL
RGB to HEX
Convert RGB values to HEX color code
Color Picker
Pick colors and get HEX, RGB, HSL
Gradient Generator
Create CSS gradient backgrounds
Color Shades Generator
Generate light and dark color shades
Contrast Checker
Check WCAG color contrast ratios