#D8D9E8 - #DEE7E7 | 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 #D8D9E8 to #DEE7E7

#D8D9E8 #DEE7E7

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

#D8D9E8 - #DEE7E7 | 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 #D8D9E8 as 0% and #DEE7E7 as 100%.

0.0%	0.0% #D8D9E8	RGB 216 217 232	#D8D9E8
16.7%	16.7% #D9DBE7	RGB 217 219 231	#D9DBE7
33.3%	33.3% #DADDE7	RGB 218 221 231	#DADDE7
50.0%	50.0% #DBE0E7	RGB 219 224 231	#DBE0E7
66.7%	66.7% #DCE2E7	RGB 220 226 231	#DCE2E7
83.3%	83.3% #DDE4E7	RGB 221 228 231	#DDE4E7
100.0%	100.0% #DEE7E7	RGB 222 231 231	#DEE7E7

#D8D9E8 #D9DBE7 #DADDE7 #DBE0E7 #DCE2E7 #DDE4E7 #DEE7E7

#D8D9E8 - #DEE7E7

HSV Blend

#D8D9E8 - #DEE7E7 | 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 #D8D9E8 as 0% and #DEE7E7 as 100%.

0.0%	0.0% #D8D9E8	RGB 216 217 232	#D8D9E8
16.7%	16.7% #D9DCE7	RGB 217 220 231	#D9DCE7
33.3%	33.3% #DADFE7	RGB 218 223 231	#DADFE7
50.0%	50.0% #DBE1E7	RGB 219 225 231	#DBE1E7
66.7%	66.7% #DCE3E7	RGB 220 227 231	#DCE3E7
83.3%	83.3% #DDE5E7	RGB 221 229 231	#DDE5E7
100.0%	100.0% #DEE7E7	RGB 222 231 231	#DEE7E7

#D8D9E8 #D9DCE7 #DADFE7 #DBE1E7 #DCE3E7 #DDE5E7 #DEE7E7

#D8D9E8 - #DBE1E7 - #DEE7E7

CSS codes

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

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