Color Mixer

Mix two colors together at any ratio. Generate smooth color gradients with adjustable steps.

100% Color 1100% Color 2

Mixed Color

#800080

Color Gradient (7 colors)

Frequently Asked Questions

How does color mixing work?+
Colors are mixed using linear interpolation in RGB color space. At 50%, each RGB channel is the average of the two input colors. At 25%, the result is 75% of color 1 and 25% of color 2.
What is a color gradient?+
A gradient is a smooth transition between two or more colors. The steps setting controls how many intermediate colors are generated between the start and end colors.

Related Tools

Color Mixer — free online color mixer, color blender, mix colors online, color gradient generator, blend two colors. No signup required. Works in your browser.