#DCE7EE - #EDEAF8 | 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 #DCE7EE to #EDEAF8

#DCE7EE #EDEAF8

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

#DCE7EE - #EDEAF8 | 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 #DCE7EE as 0% and #EDEAF8 as 100%.

0.0%	0.0% #DCE7EE	RGB 220 231 238	#DCE7EE
16.7%	16.7% #DEE7EF	RGB 222 231 239	#DEE7EF
33.3%	33.3% #E1E8F1	RGB 225 232 241	#E1E8F1
50.0%	50.0% #E4E8F3	RGB 228 232 243	#E4E8F3
66.7%	66.7% #E7E9F4	RGB 231 233 244	#E7E9F4
83.3%	83.3% #EAE9F6	RGB 234 233 246	#EAE9F6
100.0%	100.0% #EDEAF8	RGB 237 234 248	#EDEAF8

#DCE7EE #DEE7EF #E1E8F1 #E4E8F3 #E7E9F4 #EAE9F6 #EDEAF8

#DCE7EE - #EDEAF8

HSV Blend

#DCE7EE - #EDEAF8 | 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 #DCE7EE as 0% and #EDEAF8 as 100%.

0.0%	0.0% #DCE7EE	RGB 220 231 238	#DCE7EE
16.7%	16.7% #DEE6EF	RGB 222 230 239	#DEE6EF
33.3%	33.3% #E0E6F1	RGB 224 230 241	#E0E6F1
50.0%	50.0% #E2E6F3	RGB 226 230 243	#E2E6F3
66.7%	66.7% #E5E6F4	RGB 229 230 244	#E5E6F4
83.3%	83.3% #E8E7F6	RGB 232 231 246	#E8E7F6
100.0%	100.0% #EDEAF8	RGB 237 234 248	#EDEAF8

#DCE7EE #DEE6EF #E0E6F1 #E2E6F3 #E5E6F4 #E8E7F6 #EDEAF8

#DCE7EE - #E2E6F3 - #EDEAF8

CSS codes

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

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