Color calculation

Online Color Mixer

Mix two digital colors at any ratio and generate a smooth 5 or 10 step color transition.

Result
#9861AA

Transition steps

Color formats

hex#9861AA
hex8#9861AAFF
rgbrgb(152, 97, 170)
rgbargba(152, 97, 170, 1)
hslhsl(285, 30%, 52%)
hslahsla(285, 30%, 52%, 1)
hsvhsv(285, 43%, 67%)
oklchoklch(0.58 0.124 317)

How to use this tool

Choose two screen colors and control their sRGB blend ratio. The result includes common color formats and a reusable transition scale.

  1. 1 Choose the first and second colors.
  2. 2 Move the mix ratio slider.
  3. 3 Copy the result or the complete transition.

Frequently asked questions

Is this the same as mixing paint?

No. This calculator blends emitted screen colors in sRGB, not physical pigments.

What does a 50% mix mean?

Both input colors contribute equally to the output RGB channels.