Color Mixer

This tool blends two colors by linearly interpolating their red, green, and blue values at the ratio you specify. A 50% ratio produces an equal mix, while 0% returns the first color and 100% returns the second.

The tool displays 9 evenly spaced color steps between your two chosen colors, giving you a complete gradient of blended values. Each step can be clicked to copy its HEX code for use in your project.

The mixed result is displayed in three formats: HEX (e.g., #7A5CE0), RGB (e.g., rgb(122, 92, 224)), and HSL (e.g., hsl(252, 68%, 62%)). You can copy any format individually.

Yes! All processing happens entirely in your browser. Your data is never sent to any server. No data is collected, stored, or transmitted.

Absolutely. By choosing two colors and viewing the 9 intermediate steps, you get an 11-color palette that transitions smoothly between both endpoints. This is useful for creating design systems, gradients, and data visualization scales.