#D2D6D6 - #E4DDD9 | 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 #D2D6D6 to #E4DDD9

#D2D6D6 #E4DDD9

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

#D2D6D6 - #E4DDD9 | 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 #D2D6D6 as 0% and #E4DDD9 as 100%.

0.0%	0.0% #D2D6D6	RGB 210 214 214	#D2D6D6
16.7%	16.7% #D5D7D6	RGB 213 215 214	#D5D7D6
33.3%	33.3% #D8D8D7	RGB 216 216 215	#D8D8D7
50.0%	50.0% #DBD9D7	RGB 219 217 215	#DBD9D7
66.7%	66.7% #DEDAD8	RGB 222 218 216	#DEDAD8
83.3%	83.3% #E1DBD8	RGB 225 219 216	#E1DBD8
100.0%	100.0% #E4DDD9	RGB 228 221 217	#E4DDD9

#D2D6D6 #D5D7D6 #D8D8D7 #DBD9D7 #DEDAD8 #E1DBD8 #E4DDD9

#D2D6D6 - #E4DDD9

HSV Blend

#D2D6D6 - #E4DDD9 | 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 #D2D6D6 as 0% and #E4DDD9 as 100%.

0.0%	0.0% #D2D6D6	RGB 210 214 214	#D2D6D6
16.7%	16.7% #D3D8D6	RGB 211 216 214	#D3D8D6
33.3%	33.3% #D4DAD5	RGB 212 218 213	#D4DAD5
50.0%	50.0% #D7DDD5	RGB 215 221 213	#D7DDD5
66.7%	66.7% #DDDFD6	RGB 221 223 214	#DDDFD6
83.3%	83.3% #E1DFD7	RGB 225 223 215	#E1DFD7
100.0%	100.0% #E4DDD9	RGB 228 221 217	#E4DDD9

#D2D6D6 #D3D8D6 #D4DAD5 #D7DDD5 #DDDFD6 #E1DFD7 #E4DDD9

#D2D6D6 - #D7DDD5 - #E4DDD9

CSS codes

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

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