#D6D2D8 - #FFFCD0 | 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 #D6D2D8 to #FFFCD0

#D6D2D8 #FFFCD0

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

#D6D2D8 - #FFFCD0 | 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 #D6D2D8 as 0% and #FFFCD0 as 100%.

0.0%	0.0% #D6D2D8	RGB 214 210 216	#D6D2D8
16.7%	16.7% #DCD9D6	RGB 220 217 214	#DCD9D6
33.3%	33.3% #E3E0D5	RGB 227 224 213	#E3E0D5
50.0%	50.0% #EAE7D4	RGB 234 231 212	#EAE7D4
66.7%	66.7% #F1EED2	RGB 241 238 210	#F1EED2
83.3%	83.3% #F8F5D1	RGB 248 245 209	#F8F5D1
100.0%	100.0% #FFFCD0	RGB 255 252 208	#FFFCD0

#D6D2D8 #DCD9D6 #E3E0D5 #EAE7D4 #F1EED2 #F8F5D1 #FFFCD0

#D6D2D8 - #FFFCD0

HSV Blend

#D6D2D8 - #FFFCD0 | 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 #D6D2D8 as 0% and #FFFCD0 as 100%.

0.0%	0.0% #D6D2D8	RGB 214 210 216	#D6D2D8
16.7%	16.7% #DED2DD	RGB 222 210 221	#DED2DD
33.3%	33.3% #E5D2DD	RGB 229 210 221	#E5D2DD
50.0%	50.0% #EBD2D7	RGB 235 210 215	#EBD2D7
66.7%	66.7% #F2D7D2	RGB 242 215 210	#F2D7D2
83.3%	83.3% #F8E7D1	RGB 248 231 209	#F8E7D1
100.0%	100.0% #FFFCD0	RGB 255 252 208	#FFFCD0

#D6D2D8 #DED2DD #E5D2DD #EBD2D7 #F2D7D2 #F8E7D1 #FFFCD0

#D6D2D8 - #EBD2D7 - #FFFCD0

CSS codes

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

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