#E4DECF - #CFBB7E | 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 #E4DECF to #CFBB7E

#E4DECF #CFBB7E

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

#E4DECF - #CFBB7E | 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 #E4DECF as 0% and #CFBB7E as 100%.

0.0%	0.0% #E4DECF	RGB 228 222 207	#E4DECF
16.7%	16.7% #E0D8C1	RGB 224 216 193	#E0D8C1
33.3%	33.3% #DDD2B4	RGB 221 210 180	#DDD2B4
50.0%	50.0% #D9CCA6	RGB 217 204 166	#D9CCA6
66.7%	66.7% #D6C699	RGB 214 198 153	#D6C699
83.3%	83.3% #D2C08B	RGB 210 192 139	#D2C08B
100.0%	100.0% #CFBB7E	RGB 207 187 126	#CFBB7E

#E4DECF #E0D8C1 #DDD2B4 #D9CCA6 #D6C699 #D2C08B #CFBB7E

#E4DECF - #CFBB7E

HSV Blend

#E4DECF - #CFBB7E | 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 #E4DECF as 0% and #CFBB7E as 100%.

0.0%	0.0% #E4DECF	RGB 228 222 207	#E4DECF
16.7%	16.7% #E0D7C0	RGB 224 215 192	#E0D7C0
33.3%	33.3% #DDD1B2	RGB 221 209 178	#DDD1B2
50.0%	50.0% #D9CBA4	RGB 217 203 164	#D9CBA4
66.7%	66.7% #D6C597	RGB 214 197 151	#D6C597
83.3%	83.3% #D2C08A	RGB 210 192 138	#D2C08A
100.0%	100.0% #CFBB7E	RGB 207 187 126	#CFBB7E

#E4DECF #E0D7C0 #DDD1B2 #D9CBA4 #D6C597 #D2C08A #CFBB7E

#E4DECF - #D9CBA4 - #CFBB7E

CSS codes

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

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