50%
50%
darkkhaki
#aca674
firebrick
#c72d17
peru
#c07344
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
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.
PWA prompt