#D2D5E6 - #F2F3F7 | 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 #D2D5E6 to #F2F3F7

#D2D5E6 #F2F3F7

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

#D2D5E6 - #F2F3F7 | 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 #D2D5E6 as 0% and #F2F3F7 as 100%.

0.0%	0.0% #D2D5E6	RGB 210 213 230	#D2D5E6
16.7%	16.7% #D7DAE8	RGB 215 218 232	#D7DAE8
33.3%	33.3% #DCDFEB	RGB 220 223 235	#DCDFEB
50.0%	50.0% #E2E4EE	RGB 226 228 238	#E2E4EE
66.7%	66.7% #E7E9F1	RGB 231 233 241	#E7E9F1
83.3%	83.3% #ECEEF4	RGB 236 238 244	#ECEEF4
100.0%	100.0% #F2F3F7	RGB 242 243 247	#F2F3F7

#D2D5E6 #D7DAE8 #DCDFEB #E2E4EE #E7E9F1 #ECEEF4 #F2F3F7

#D2D5E6 - #F2F3F7

HSV Blend

#D2D5E6 - #F2F3F7 | 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 #D2D5E6 as 0% and #F2F3F7 as 100%.

0.0%	0.0% #D2D5E6	RGB 210 213 230	#D2D5E6
16.7%	16.7% #D7D9E8	RGB 215 217 232	#D7D9E8
33.3%	33.3% #DCDEEB	RGB 220 222 235	#DCDEEB
50.0%	50.0% #E1E3EE	RGB 225 227 238	#E1E3EE
66.7%	66.7% #E7E8F1	RGB 231 232 241	#E7E8F1
83.3%	83.3% #ECEDF4	RGB 236 237 244	#ECEDF4
100.0%	100.0% #F2F3F7	RGB 242 243 247	#F2F3F7

#D2D5E6 #D7D9E8 #DCDEEB #E1E3EE #E7E8F1 #ECEDF4 #F2F3F7

#D2D5E6 - #E1E3EE - #F2F3F7

CSS codes

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

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