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

#D9CED4 #FFE8DF

Calculate the color between two colors, #D9CED4 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)

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

0.0%	0.0% #D9CED4	RGB 217 206 212	#D9CED4
16.7%	16.7% #DFD2D5	RGB 223 210 213	#DFD2D5
33.3%	33.3% #E5D6D7	RGB 229 214 215	#E5D6D7
50.0%	50.0% #ECDBD9	RGB 236 219 217	#ECDBD9
66.7%	66.7% #F2DFDB	RGB 242 223 219	#F2DFDB
83.3%	83.3% #F8E3DD	RGB 248 227 221	#F8E3DD
100.0%	100.0% #FFE8DF	RGB 255 232 223	#FFE8DF

#D9CED4 #DFD2D5 #E5D6D7 #ECDBD9 #F2DFDB #F8E3DD #FFE8DF

#D9CED4 - #FFE8DF

HSV Blend

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

0.0%	0.0% #D9CED4	RGB 217 206 212	#D9CED4
16.7%	16.7% #DFD1D6	RGB 223 209 214	#DFD1D6
33.3%	33.3% #E5D4D8	RGB 229 212 216	#E5D4D8
50.0%	50.0% #ECD7D9	RGB 236 215 217	#ECD7D9
66.7%	66.7% #F2DAD9	RGB 242 218 217	#F2DAD9
83.3%	83.3% #F8E0DC	RGB 248 224 220	#F8E0DC
100.0%	100.0% #FFE8DF	RGB 255 232 223	#FFE8DF

#D9CED4 #DFD1D6 #E5D4D8 #ECD7D9 #F2DAD9 #F8E0DC #FFE8DF

#D9CED4 - #ECD7D9 - #FFE8DF

CSS codes

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

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