Color Mixer

Mix multiple colors together with adjustable weights. Create custom color blends and see the mixing progression.

Colors to Mix
Add colors and adjust their weights
50%
50%
Mixed Color
The result of blending your colors

#a79c98

rgb(167, 156, 152)

hsl(16, 8%, 63%)

Mixing Gradient (First Two Colors)
Progression from first to second color
6

What is Color Mixing?

Color mixing combines two or more colors to create a new color. This tool uses weighted averaging to mix colors, where each color's contribution is determined by its weight.

Mixing Methods

Additive Mixing (RGB)

Used in digital displays. Combines light to create brighter colors.

  • Red + Green = Yellow
  • Green + Blue = Cyan
  • Red + Blue = Magenta
  • All colors = White

Subtractive Mixing (CMYK)

Used in printing. Combines pigments to create darker colors.

  • Cyan + Magenta = Blue
  • Cyan + Yellow = Green
  • Magenta + Yellow = Red
  • All colors = Black

How Weights Work

Weights determine each color's influence on the final result:

  • Equal weights - Colors contribute equally
  • Higher weight - Color has more influence
  • Zero weight - Color is excluded

Use Cases

Brand Color Blending

Create harmonious intermediate colors from brand palette.

Gradient Colors

Find the perfect middle color for gradients.

Color Matching

Blend colors to match a target color.

Artistic Exploration

Experiment with color combinations.

Tips

  • Use 2 colors for simple blends
  • Add more colors for complex mixtures
  • Adjust weights to fine-tune the result
  • The gradient shows the progression between colors