#D9CDD1 - #FFE2DA | 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 #D9CDD1 to #FFE2DA

#D9CDD1 #FFE2DA

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

#D9CDD1 - #FFE2DA | 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 #D9CDD1 as 0% and #FFE2DA as 100%.

0.0%	0.0% #D9CDD1	RGB 217 205 209	#D9CDD1
16.7%	16.7% #DFD0D2	RGB 223 208 210	#DFD0D2
33.3%	33.3% #E5D4D4	RGB 229 212 212	#E5D4D4
50.0%	50.0% #ECD7D5	RGB 236 215 213	#ECD7D5
66.7%	66.7% #F2DBD7	RGB 242 219 215	#F2DBD7
83.3%	83.3% #F8DED8	RGB 248 222 216	#F8DED8
100.0%	100.0% #FFE2DA	RGB 255 226 218	#FFE2DA

#D9CDD1 #DFD0D2 #E5D4D4 #ECD7D5 #F2DBD7 #F8DED8 #FFE2DA

#D9CDD1 - #FFE2DA

HSV Blend

#D9CDD1 - #FFE2DA | 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 #D9CDD1 as 0% and #FFE2DA as 100%.

0.0%	0.0% #D9CDD1	RGB 217 205 209	#D9CDD1
16.7%	16.7% #DFCFD3	RGB 223 207 211	#DFCFD3
33.3%	33.3% #E5D2D5	RGB 229 210 213	#E5D2D5
50.0%	50.0% #ECD4D5	RGB 236 212 213	#ECD4D5
66.7%	66.7% #F2D7D6	RGB 242 215 214	#F2D7D6
83.3%	83.3% #F8DCD8	RGB 248 220 216	#F8DCD8
100.0%	100.0% #FFE2DA	RGB 255 226 218	#FFE2DA

#D9CDD1 #DFCFD3 #E5D2D5 #ECD4D5 #F2D7D6 #F8DCD8 #FFE2DA

#D9CDD1 - #ECD4D5 - #FFE2DA

CSS codes

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

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