Blend any two colors together. Drag the slider to pick the perfect mix ratio and copy the result in HEX, RGB, or HSL.
#9A7B86rgb(154, 123, 134)hsl(339, 13%, 54%)Each color channel (red, green, blue) is interpolated independently. At 50% mix, each channel is exactly halfway between the two source values, giving a perceptually smooth result.
Use the color mixer to find midpoint tones, build gradient palettes, test how two brand colors combine, or derive new shades that bridge two different hues harmoniously.
The blend scale shows fixed stops at 0%, 10%, 25%, 50%, 75%, 90%, and 100%. Click any swatch to copy its hex code. These steps work great as a custom gradient or a tonal ramp.
To mix a color with white (#FFFFFF) or black (#000000), set one input to that value — this gives you tints and shades. Try mixing complementary colors at 50% to find their neutral midpoint.