#D5E3FE - #E0EAF6 | 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 #D5E3FE to #E0EAF6

#D5E3FE #E0EAF6

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

#D5E3FE - #E0EAF6 | 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 #D5E3FE as 0% and #E0EAF6 as 100%.

0.0%	0.0% #D5E3FE	RGB 213 227 254	#D5E3FE
16.7%	16.7% #D6E4FC	RGB 214 228 252	#D6E4FC
33.3%	33.3% #D8E5FB	RGB 216 229 251	#D8E5FB
50.0%	50.0% #DAE6FA	RGB 218 230 250	#DAE6FA
66.7%	66.7% #DCE7F8	RGB 220 231 248	#DCE7F8
83.3%	83.3% #DEE8F7	RGB 222 232 247	#DEE8F7
100.0%	100.0% #E0EAF6	RGB 224 234 246	#E0EAF6

#D5E3FE #D6E4FC #D8E5FB #DAE6FA #DCE7F8 #DEE8F7 #E0EAF6

#D5E3FE - #E0EAF6

HSV Blend

#D5E3FE - #E0EAF6 | 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 #D5E3FE as 0% and #E0EAF6 as 100%.

0.0%	0.0% #D5E3FE	RGB 213 227 254	#D5E3FE
16.7%	16.7% #D6E4FC	RGB 214 228 252	#D6E4FC
33.3%	33.3% #D8E5FB	RGB 216 229 251	#D8E5FB
50.0%	50.0% #DAE7FA	RGB 218 231 250	#DAE7FA
66.7%	66.7% #DCE8F8	RGB 220 232 248	#DCE8F8
83.3%	83.3% #DEE9F7	RGB 222 233 247	#DEE9F7
100.0%	100.0% #E0EAF6	RGB 224 234 246	#E0EAF6

#D5E3FE #D6E4FC #D8E5FB #DAE7FA #DCE8F8 #DEE9F7 #E0EAF6

#D5E3FE - #DAE7FA - #E0EAF6

CSS codes

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

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