Color Mixing Result
50%
50%
red
#E80C0C
limegreen
#36DE23
Mixed Color Result
darkgoldenrod
#ba9600
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 | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #e80c0c | rgb(91% 4.71% 4.71%) | hwb(0 4.7% 9%) | oklab(58.7% 0.208 0.114) | oklch(58.7% 0.237 28.9) | color(display-p3 0.835 0.191 0.14) | |
| | #36de23 | rgb(21.2% 87.1% 13.7%) | hwb(110 14% 13%) | oklab(78.6% -0.198 0.155) | oklch(78.6% 0.251 142) | color(display-p3 0.437 0.858 0.291) | |
| | #ba9600 | rgb(72.9% 58.8% 0%) | hwb(48 0% 27%) | oklab(68.7% -0.004 0.14) | oklch(68.7% 0.14 91.6) | color(display-p3 0.707 0.594 0.191) |
Click on a color value to copy it to your clipboard.