Complete Tools

Color Mixer

Combine two colors in different proportions

Color Tools
Start Color
End Color

Ratio < 50% of + 50% of >

Color Info


What is Online Color Mixer?

Color Mixer is a free online tool for blending two colors and determining the interpolated colors that exist only between them.

You can either enter a HEX color or an RGBA color with opacity as an input, and the tool will interpolate the blended color. By mixing these HTML colors, it finds the color that is halfway between these two.

You can modify the ratio value, which is used to combine the two colors using the following formula:

color1.mix(color2, ratio);

How to use Online Color Shades Generator?

By following these methods, you can combine two colors and obtain the color code for the combined colors.

  1. Choose two colors that you'd want to combine. It might be a solid color or a transparent color.
  2. Decide on the ratio value. It defines ratio as a two-color combination.
  3. The color information will display the results immediately.


  • color: 🌈 Javascript color conversion and manipulation library.
  • React Color: 🎨 Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more.


Complete Tools

Copyright © 2022 Complete Tools. Unless otherwise noted, all code MIT license.

Made with by Complete JavaScript