#D5D2D9 - #FFFCD6 | 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 #D5D2D9 to #FFFCD6

#D5D2D9 #FFFCD6

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

#D5D2D9 - #FFFCD6 | 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 #D5D2D9 as 0% and #FFFCD6 as 100%.

0.0%	0.0% #D5D2D9	RGB 213 210 217	#D5D2D9
16.7%	16.7% #DCD9D8	RGB 220 217 216	#DCD9D8
33.3%	33.3% #E3E0D8	RGB 227 224 216	#E3E0D8
50.0%	50.0% #EAE7D7	RGB 234 231 215	#EAE7D7
66.7%	66.7% #F1EED7	RGB 241 238 215	#F1EED7
83.3%	83.3% #F8F5D6	RGB 248 245 214	#F8F5D6
100.0%	100.0% #FFFCD6	RGB 255 252 214	#FFFCD6

#D5D2D9 #DCD9D8 #E3E0D8 #EAE7D7 #F1EED7 #F8F5D6 #FFFCD6

#D5D2D9 - #FFFCD6

HSV Blend

#D5D2D9 - #FFFCD6 | 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 #D5D2D9 as 0% and #FFFCD6 as 100%.

0.0%	0.0% #D5D2D9	RGB 213 210 217	#D5D2D9
16.7%	16.7% #DDD3DF	RGB 221 211 223	#DDD3DF
33.3%	33.3% #E5D4E1	RGB 229 212 225	#E5D4E1
50.0%	50.0% #ECD5DC	RGB 236 213 220	#ECD5DC
66.7%	66.7% #F2D8D5	RGB 242 216 213	#F2D8D5
83.3%	83.3% #F8E7D6	RGB 248 231 214	#F8E7D6
100.0%	100.0% #FFFCD6	RGB 255 252 214	#FFFCD6

#D5D2D9 #DDD3DF #E5D4E1 #ECD5DC #F2D8D5 #F8E7D6 #FFFCD6

#D5D2D9 - #ECD5DC - #FFFCD6

CSS codes

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

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