Color Mixer Generator

Color 1

Color 2

Mixing amount

50%

darkkhaki

#aca674

firebrick

#c72d17

peru

#c07344

How the Color Mixer works

Generate unique and vibrant color combinations with our Color Mixer Generator. Create custom color palettes by blending colors and experimenting with color values. Obtain precise color codes for your design projects.

Colors overview

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#aca674	rgb(172, 166, 116)	hsl(54 25% 56%)	hwb(54 45% 33%)	lch(67.7 27 97.5)	lab(67.7 -3.54 26.8)	cmyk 0%, 3%, 33%, 33%
	#c72d17	rgb(199, 45, 23)	hsl(7.5 79% 44%)	hwb(7.5 9% 22%)	lch(45.1 78.5 40.5)	lab(45.1 59.7 51)	cmyk 0%, 77%, 88%, 22%
	#c07344	rgb(192, 115, 68)	hsl(23 50% 51%)	hwb(23 27% 25%)	lch(56.5 48.1 54.3)	lab(56.5 28 39.1)	cmyk 0%, 40%, 65%, 25%

 Click a color format to copy to your clipboard.



--clr-1: #aca674;
--clr-2: #c72d17;

 /** Using CSS color-mix() */ 
.theme-color-mix {
 color: color-mix(in srgb, var(--clr-1), var(--clr-2) 50%); 
 background-color: color-mix(in oklab, var(--clr-1), var(--clr-2) 50%); 
}

PWA prompt