#EADCD3 - #CEA984 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #EADCD3 to #CEA984

#EADCD3 #CEA984

Calculate the color between two colors, #EADCD3 and #CEA984. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#EADCD3 - #CEA984 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #EADCD3 as 0% and #CEA984 as 100%.

0.0%	0.0% #EADCD3	RGB 234 220 211	#EADCD3
16.7%	16.7% #E5D3C5	RGB 229 211 197	#E5D3C5
33.3%	33.3% #E0CBB8	RGB 224 203 184	#E0CBB8
50.0%	50.0% #DCC2AB	RGB 220 194 171	#DCC2AB
66.7%	66.7% #D7BA9E	RGB 215 186 158	#D7BA9E
83.3%	83.3% #D2B191	RGB 210 177 145	#D2B191
100.0%	100.0% #CEA984	RGB 206 169 132	#CEA984

#EADCD3 #E5D3C5 #E0CBB8 #DCC2AB #D7BA9E #D2B191 #CEA984

#EADCD3 - #CEA984

HSV Blend

#EADCD3 - #CEA984 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #EADCD3 as 0% and #CEA984 as 100%.

0.0%	0.0% #EADCD3	RGB 234 220 211	#EADCD3
16.7%	16.7% #E5D2C4	RGB 229 210 196	#E5D2C4
33.3%	33.3% #E0C8B7	RGB 224 200 183	#E0C8B7
50.0%	50.0% #DCC0A9	RGB 220 192 169	#DCC0A9
66.7%	66.7% #D7B79C	RGB 215 183 156	#D7B79C
83.3%	83.3% #D2B090	RGB 210 176 144	#D2B090
100.0%	100.0% #CEA984	RGB 206 169 132	#CEA984

#EADCD3 #E5D2C4 #E0C8B7 #DCC0A9 #D7B79C #D2B090 #CEA984

#EADCD3 - #DCC0A9 - #CEA984

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #EADCD3 0%, #CEA984 100%);
    background: -webkit-linear-gradient(top, #EADCD3 0%, #CEA984 100%);
    background: linear-gradient(to bottom, #EADCD3 0%, #CEA984 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EADCD3 0%, #DCC0A9 50%, #CEA984 100%);
    background: -webkit-linear-gradient(top, #EADCD3 0%, #DCC0A9 50%, #CEA984 100%);
    background: linear-gradient(to bottom, #EADCD3 0%, #DCC0A9 50%, #CEA984 100%);
}
</style>