#CDC7CE - #FFE8DF | 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 #CDC7CE to #FFE8DF

#CDC7CE #FFE8DF

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

#CDC7CE - #FFE8DF | 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 #CDC7CE as 0% and #FFE8DF as 100%.

0.0%	0.0% #CDC7CE	RGB 205 199 206	#CDC7CE
16.7%	16.7% #D5CCD0	RGB 213 204 208	#D5CCD0
33.3%	33.3% #DDD2D3	RGB 221 210 211	#DDD2D3
50.0%	50.0% #E6D7D6	RGB 230 215 214	#E6D7D6
66.7%	66.7% #EEDDD9	RGB 238 221 217	#EEDDD9
83.3%	83.3% #F6E2DC	RGB 246 226 220	#F6E2DC
100.0%	100.0% #FFE8DF	RGB 255 232 223	#FFE8DF

#CDC7CE #D5CCD0 #DDD2D3 #E6D7D6 #EEDDD9 #F6E2DC #FFE8DF

#CDC7CE - #FFE8DF

HSV Blend

#CDC7CE - #FFE8DF | 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 #CDC7CE as 0% and #FFE8DF as 100%.

0.0%	0.0% #CDC7CE	RGB 205 199 206	#CDC7CE
16.7%	16.7% #D6CBD5	RGB 214 203 213	#D6CBD5
33.3%	33.3% #DECFD9	RGB 222 207 217	#DECFD9
50.0%	50.0% #E6D4DC	RGB 230 212 220	#E6D4DC
66.7%	66.7% #EED7DC	RGB 238 215 220	#EED7DC
83.3%	83.3% #F6DCDB	RGB 246 220 219	#F6DCDB
100.0%	100.0% #FFE8DF	RGB 255 232 223	#FFE8DF

#CDC7CE #D6CBD5 #DECFD9 #E6D4DC #EED7DC #F6DCDB #FFE8DF

#CDC7CE - #E6D4DC - #FFE8DF

CSS codes

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

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