#ECE2DE - #CF9F91 | 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 #ECE2DE to #CF9F91

#ECE2DE #CF9F91

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

#ECE2DE - #CF9F91 | 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 #ECE2DE as 0% and #CF9F91 as 100%.

0.0%	0.0% #ECE2DE	RGB 236 226 222	#ECE2DE
16.7%	16.7% #E7D6D1	RGB 231 214 209	#E7D6D1
33.3%	33.3% #E2CBC4	RGB 226 203 196	#E2CBC4
50.0%	50.0% #DDC0B7	RGB 221 192 183	#DDC0B7
66.7%	66.7% #D8B5AA	RGB 216 181 170	#D8B5AA
83.3%	83.3% #D3AA9D	RGB 211 170 157	#D3AA9D
100.0%	100.0% #CF9F91	RGB 207 159 145	#CF9F91

#ECE2DE #E7D6D1 #E2CBC4 #DDC0B7 #D8B5AA #D3AA9D #CF9F91

#ECE2DE - #CF9F91

HSV Blend

#ECE2DE - #CF9F91 | 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 #ECE2DE as 0% and #CF9F91 as 100%.

0.0%	0.0% #ECE2DE	RGB 236 226 222	#ECE2DE
16.7%	16.7% #E7D6D0	RGB 231 214 208	#E7D6D0
33.3%	33.3% #E2CBC2	RGB 226 203 194	#E2CBC2
50.0%	50.0% #DDBFB5	RGB 221 191 181	#DDBFB5
66.7%	66.7% #D8B4A9	RGB 216 180 169	#D8B4A9
83.3%	83.3% #D3A99C	RGB 211 169 156	#D3A99C
100.0%	100.0% #CF9F91	RGB 207 159 145	#CF9F91

#ECE2DE #E7D6D0 #E2CBC2 #DDBFB5 #D8B4A9 #D3A99C #CF9F91

#ECE2DE - #DDBFB5 - #CF9F91

CSS codes

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

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