CanDoYa
EN

Free Color Mixer

Runs entirely in your browser - no upload, no sign-up.

Choose two digital colors, then drag the slider to control the blend.

50% A / 50% B
Mixed colorDigital sRGB blend
#9a7b8650% A / 50% B
HEX#9a7b86
RGBrgb(154, 123, 134)
HSLhsl(339, 13%, 54%)
CSS--mixed-color: #9a7b86;
Share this tool

What is a color mixer?

A color mixer blends two digital colors in a ratio you choose and shows the resulting color instantly. Pick or paste two HEX values, move the mix slider, then copy the result as HEX, RGB, HSL or a CSS variable. The calculation runs entirely in your browser.

How to use

  1. 1Choose two colors. Use each color picker or paste a 3- or 6-digit HEX value into the Color A and Color B fields.
  2. 2Set the mix ratio. Drag the slider toward A or B. The preview and every color value update immediately.
  3. 3Copy the result. Copy the mixed color as HEX, RGB, HSL or a ready-to-use CSS custom property.

Who it's for

This mixer calculates a weighted average of the red, green and blue channels in two sRGB colors. At 50%, both colors contribute equally. Move toward either end to keep more of that source color. Your colors stay on your device, and every output is ready to paste into a design file or stylesheet.

Digital RGB blending is different from mixing paint. Pigments absorb light and can produce a darker or less saturated result, while this tool gives a precise screen-color blend for websites, interfaces and other digital work.

FAQ

Is this color mixer free?

Yes. The color mixer is free to use with no account, download or usage limit. Choose two colors, adjust the ratio and copy as many results as you need.

Are my colors uploaded anywhere?

No. The color values are mixed with JavaScript in your browser. Nothing you enter is uploaded to a server, so you can safely test unpublished brand or product colors.

How many colors can I mix?

This tool mixes two colors at a time so you can control their relationship precisely. To combine a third color, copy the first mixed result into one input and mix it with the next color.

How does the color mixer calculate the result?

It converts both HEX colors to red, green and blue channel values, applies the selected percentage to each channel, adds the contributions and rounds to the nearest whole number. The result is then converted to HEX, RGB and HSL.

Does this show what two paint colors will make?

No. This is a digital sRGB mixer for colors shown on screens. Paint uses subtractive pigment mixing, which depends on real materials, concentration and lighting, so a physical mixture can be darker or shift in hue.

Can I mix shorthand HEX colors?

Yes. You can enter a 3-digit value such as #f06 or a 6-digit value such as #ff0066, with or without the leading #. Shorthand values expand to their normal 6-digit form.