#D2D9F0 - #DEE8ED | 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 #D2D9F0 to #DEE8ED

#D2D9F0 #DEE8ED

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

#D2D9F0 - #DEE8ED | 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 #D2D9F0 as 0% and #DEE8ED as 100%.

0.0%	0.0% #D2D9F0	RGB 210 217 240	#D2D9F0
16.7%	16.7% #D4DBEF	RGB 212 219 239	#D4DBEF
33.3%	33.3% #D6DEEF	RGB 214 222 239	#D6DEEF
50.0%	50.0% #D8E0EE	RGB 216 224 238	#D8E0EE
66.7%	66.7% #DAE3EE	RGB 218 227 238	#DAE3EE
83.3%	83.3% #DCE5ED	RGB 220 229 237	#DCE5ED
100.0%	100.0% #DEE8ED	RGB 222 232 237	#DEE8ED

#D2D9F0 #D4DBEF #D6DEEF #D8E0EE #DAE3EE #DCE5ED #DEE8ED

#D2D9F0 - #DEE8ED

HSV Blend

#D2D9F0 - #DEE8ED | 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 #D2D9F0 as 0% and #DEE8ED as 100%.

0.0%	0.0% #D2D9F0	RGB 210 217 240	#D2D9F0
16.7%	16.7% #D4DCEF	RGB 212 220 239	#D4DCEF
33.3%	33.3% #D6DFEF	RGB 214 223 239	#D6DFEF
50.0%	50.0% #D8E2EE	RGB 216 226 238	#D8E2EE
66.7%	66.7% #DAE4EE	RGB 218 228 238	#DAE4EE
83.3%	83.3% #DCE6ED	RGB 220 230 237	#DCE6ED
100.0%	100.0% #DEE8ED	RGB 222 232 237	#DEE8ED

#D2D9F0 #D4DCEF #D6DFEF #D8E2EE #DAE4EE #DCE6ED #DEE8ED

#D2D9F0 - #D8E2EE - #DEE8ED

CSS codes

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

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