Color Mixing Result
50%
50%
darkkhaki
#aca674
firebrick
#c72d17
Mixed Color Result
peru
#c07344
Mix ratio preview
Quickly preview and apply it to your mix
10%
25%
50%
75%
90%
The ultimate color mixer & blender
Create the perfect color blend by mixing unique and vibrant color combinations with our Color Mixer Generator. It's the ideal way to experiment with new shades and instantly get the precise color code for any design or development project.
How does it work?
Simply select your starting colors, and our tool will generate a seamless blend between them. Experiment with different color values and tints to create completely custom palettes for your web designs, apps, or creative projects. When you've found the perfect shade, you can instantly copy its precise Hex, RGB, or HSL, or more code formats.
Colors overview
Detailed breakdown of all colors including the source colors and the mixed result
Color Details Table
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #aca674 | rgb(172, 166, 116) | hsl(54 25% 56%) | oklab(72% -0.01 0.07) | oklch(72% 0.07 100) | color(display-p3 0.67 0.65 0.48) | |
| | #c72d17 | rgb(199, 45, 23) | hsl(7.5 79% 44%) | oklab(54% 0.17 0.1) | oklch(54% 0.19 31) | color(display-p3 0.72 0.23 0.15) | |
| | #c07344 | rgb(192, 115, 68) | hsl(23 50% 51%) | oklab(63% 0.07 0.09) | oklch(63% 0.12 51) | color(display-p3 0.71 0.47 0.3) |
Click on a color value to copy it to your clipboard.