#CECDC0 - #E5CFC7 | 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 #CECDC0 to #E5CFC7

#CECDC0 #E5CFC7

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

#CECDC0 - #E5CFC7 | 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 #CECDC0 as 0% and #E5CFC7 as 100%.

0.0%	0.0% #CECDC0	RGB 206 205 192	#CECDC0
16.7%	16.7% #D1CDC1	RGB 209 205 193	#D1CDC1
33.3%	33.3% #D5CDC2	RGB 213 205 194	#D5CDC2
50.0%	50.0% #D9CEC3	RGB 217 206 195	#D9CEC3
66.7%	66.7% #DDCEC4	RGB 221 206 196	#DDCEC4
83.3%	83.3% #E1CEC5	RGB 225 206 197	#E1CEC5
100.0%	100.0% #E5CFC7	RGB 229 207 199	#E5CFC7

#CECDC0 #D1CDC1 #D5CDC2 #D9CEC3 #DDCEC4 #E1CEC5 #E5CFC7

#CECDC0 - #E5CFC7

HSV Blend

#CECDC0 - #E5CFC7 | 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 #CECDC0 as 0% and #E5CFC7 as 100%.

0.0%	0.0% #CECDC0	RGB 206 205 192	#CECDC0
16.7%	16.7% #D1CEC1	RGB 209 206 193	#D1CEC1
33.3%	33.3% #D5D0C2	RGB 213 208 194	#D5D0C2
50.0%	50.0% #D9D0C3	RGB 217 208 195	#D9D0C3
66.7%	66.7% #DDD0C4	RGB 221 208 196	#DDD0C4
83.3%	83.3% #E1D0C6	RGB 225 208 198	#E1D0C6
100.0%	100.0% #E5CFC7	RGB 229 207 199	#E5CFC7

#CECDC0 #D1CEC1 #D5D0C2 #D9D0C3 #DDD0C4 #E1D0C6 #E5CFC7

#CECDC0 - #D9D0C3 - #E5CFC7

CSS codes

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

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