#D9C4D6 - #FFEAE3 | 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 #D9C4D6 to #FFEAE3

#D9C4D6 #FFEAE3

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

#D9C4D6 - #FFEAE3 | 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 #D9C4D6 as 0% and #FFEAE3 as 100%.

0.0%	0.0% #D9C4D6	RGB 217 196 214	#D9C4D6
16.7%	16.7% #DFCAD8	RGB 223 202 216	#DFCAD8
33.3%	33.3% #E5D0DA	RGB 229 208 218	#E5D0DA
50.0%	50.0% #ECD7DC	RGB 236 215 220	#ECD7DC
66.7%	66.7% #F2DDDE	RGB 242 221 222	#F2DDDE
83.3%	83.3% #F8E3E0	RGB 248 227 224	#F8E3E0
100.0%	100.0% #FFEAE3	RGB 255 234 227	#FFEAE3

#D9C4D6 #DFCAD8 #E5D0DA #ECD7DC #F2DDDE #F8E3E0 #FFEAE3

#D9C4D6 - #FFEAE3

HSV Blend

#D9C4D6 - #FFEAE3 | 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 #D9C4D6 as 0% and #FFEAE3 as 100%.

0.0%	0.0% #D9C4D6	RGB 217 196 214	#D9C4D6
16.7%	16.7% #DFC9D8	RGB 223 201 216	#DFC9D8
33.3%	33.3% #E5CED9	RGB 229 206 217	#E5CED9
50.0%	50.0% #ECD3DB	RGB 236 211 219	#ECD3DB
66.7%	66.7% #F2D8DB	RGB 242 216 219	#F2D8DB
83.3%	83.3% #F8DFDD	RGB 248 223 221	#F8DFDD
100.0%	100.0% #FFEAE3	RGB 255 234 227	#FFEAE3

#D9C4D6 #DFC9D8 #E5CED9 #ECD3DB #F2D8DB #F8DFDD #FFEAE3

#D9C4D6 - #ECD3DB - #FFEAE3

CSS codes

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

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