#D9CDD5 - #FFDBDA | 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 #D9CDD5 to #FFDBDA

#D9CDD5 #FFDBDA

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

#D9CDD5 - #FFDBDA | 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 #D9CDD5 as 0% and #FFDBDA as 100%.

0.0%	0.0% #D9CDD5	RGB 217 205 213	#D9CDD5
16.7%	16.7% #DFCFD5	RGB 223 207 213	#DFCFD5
33.3%	33.3% #E5D1D6	RGB 229 209 214	#E5D1D6
50.0%	50.0% #ECD4D7	RGB 236 212 215	#ECD4D7
66.7%	66.7% #F2D6D8	RGB 242 214 216	#F2D6D8
83.3%	83.3% #F8D8D9	RGB 248 216 217	#F8D8D9
100.0%	100.0% #FFDBDA	RGB 255 219 218	#FFDBDA

#D9CDD5 #DFCFD5 #E5D1D6 #ECD4D7 #F2D6D8 #F8D8D9 #FFDBDA

#D9CDD5 - #FFDBDA

HSV Blend

#D9CDD5 - #FFDBDA | 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 #D9CDD5 as 0% and #FFDBDA as 100%.

0.0%	0.0% #D9CDD5	RGB 217 205 213	#D9CDD5
16.7%	16.7% #DFCFD8	RGB 223 207 216	#DFCFD8
33.3%	33.3% #E5D2DA	RGB 229 210 218	#E5D2DA
50.0%	50.0% #ECD4DB	RGB 236 212 219	#ECD4DB
66.7%	66.7% #F2D6DC	RGB 242 214 220	#F2D6DC
83.3%	83.3% #F8D8DB	RGB 248 216 219	#F8D8DB
100.0%	100.0% #FFDBDA	RGB 255 219 218	#FFDBDA

#D9CDD5 #DFCFD8 #E5D2DA #ECD4DB #F2D6DC #F8D8DB #FFDBDA

#D9CDD5 - #ECD4DB - #FFDBDA

CSS codes

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

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