#ECE2DC - #CDA28E | 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 #ECE2DC to #CDA28E

#ECE2DC #CDA28E

Calculate the color between two colors, #ECE2DC and #CDA28E. 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)

#ECE2DC - #CDA28E | 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 #ECE2DC as 0% and #CDA28E as 100%.

0.0%	0.0% #ECE2DC	RGB 236 226 220	#ECE2DC
16.7%	16.7% #E6D7CF	RGB 230 215 207	#E6D7CF
33.3%	33.3% #E1CCC2	RGB 225 204 194	#E1CCC2
50.0%	50.0% #DCC2B5	RGB 220 194 181	#DCC2B5
66.7%	66.7% #D7B7A8	RGB 215 183 168	#D7B7A8
83.3%	83.3% #D2AC9B	RGB 210 172 155	#D2AC9B
100.0%	100.0% #CDA28E	RGB 205 162 142	#CDA28E

#ECE2DC #E6D7CF #E1CCC2 #DCC2B5 #D7B7A8 #D2AC9B #CDA28E

#ECE2DC - #CDA28E

HSV Blend

#ECE2DC - #CDA28E | 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 #ECE2DC as 0% and #CDA28E as 100%.

0.0%	0.0% #ECE2DC	RGB 236 226 220	#ECE2DC
16.7%	16.7% #E6D7CD	RGB 230 215 205	#E6D7CD
33.3%	33.3% #E1CCC0	RGB 225 204 192	#E1CCC0
50.0%	50.0% #DCC1B3	RGB 220 193 179	#DCC1B3
66.7%	66.7% #D7B6A6	RGB 215 182 166	#D7B6A6
83.3%	83.3% #D2AC99	RGB 210 172 153	#D2AC99
100.0%	100.0% #CDA28E	RGB 205 162 142	#CDA28E

#ECE2DC #E6D7CD #E1CCC0 #DCC1B3 #D7B6A6 #D2AC99 #CDA28E

#ECE2DC - #DCC1B3 - #CDA28E

CSS codes

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

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