#D2D8D6 - #FCD0FF | 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 #D2D8D6 to #FCD0FF

#D2D8D6 #FCD0FF

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

#D2D8D6 - #FCD0FF | 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 #D2D8D6 as 0% and #FCD0FF as 100%.

0.0%	0.0% #D2D8D6	RGB 210 216 214	#D2D8D6
16.7%	16.7% #D9D6DC	RGB 217 214 220	#D9D6DC
33.3%	33.3% #E0D5E3	RGB 224 213 227	#E0D5E3
50.0%	50.0% #E7D4EA	RGB 231 212 234	#E7D4EA
66.7%	66.7% #EED2F1	RGB 238 210 241	#EED2F1
83.3%	83.3% #F5D1F8	RGB 245 209 248	#F5D1F8
100.0%	100.0% #FCD0FF	RGB 252 208 255	#FCD0FF

#D2D8D6 #D9D6DC #E0D5E3 #E7D4EA #EED2F1 #F5D1F8 #FCD0FF

#D2D8D6 - #FCD0FF

HSV Blend

#D2D8D6 - #FCD0FF | 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 #D2D8D6 as 0% and #FCD0FF as 100%.

0.0%	0.0% #D2D8D6	RGB 210 216 214	#D2D8D6
16.7%	16.7% #D2DDDE	RGB 210 221 222	#D2DDDE
33.3%	33.3% #D2DDE5	RGB 210 221 229	#D2DDE5
50.0%	50.0% #D2D7EB	RGB 210 215 235	#D2D7EB
66.7%	66.7% #D7D2F2	RGB 215 210 242	#D7D2F2
83.3%	83.3% #E7D1F8	RGB 231 209 248	#E7D1F8
100.0%	100.0% #FCD0FF	RGB 252 208 255	#FCD0FF

#D2D8D6 #D2DDDE #D2DDE5 #D2D7EB #D7D2F2 #E7D1F8 #FCD0FF

#D2D8D6 - #D2D7EB - #FCD0FF

CSS codes

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

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