#EAF7FE - #DCF9F3 | 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 #EAF7FE to #DCF9F3

#EAF7FE #DCF9F3

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

#EAF7FE - #DCF9F3 | 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 #EAF7FE as 0% and #DCF9F3 as 100%.

0.0%	0.0% #EAF7FE	RGB 234 247 254	#EAF7FE
16.7%	16.7% #E7F7FC	RGB 231 247 252	#E7F7FC
33.3%	33.3% #E5F7FA	RGB 229 247 250	#E5F7FA
50.0%	50.0% #E3F8F8	RGB 227 248 248	#E3F8F8
66.7%	66.7% #E0F8F6	RGB 224 248 246	#E0F8F6
83.3%	83.3% #DEF8F4	RGB 222 248 244	#DEF8F4
100.0%	100.0% #DCF9F3	RGB 220 249 243	#DCF9F3

#EAF7FE #E7F7FC #E5F7FA #E3F8F8 #E0F8F6 #DEF8F4 #DCF9F3

#EAF7FE - #DCF9F3

HSV Blend

#EAF7FE - #DCF9F3 | 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 #EAF7FE as 0% and #DCF9F3 as 100%.

0.0%	0.0% #EAF7FE	RGB 234 247 254	#EAF7FE
16.7%	16.7% #E7F7FD	RGB 231 247 253	#E7F7FD
33.3%	33.3% #E5F8FC	RGB 229 248 252	#E5F8FC
50.0%	50.0% #E2F9FB	RGB 226 249 251	#E2F9FB
66.7%	66.7% #E0FAFA	RGB 224 250 250	#E0FAFA
83.3%	83.3% #DEF9F6	RGB 222 249 246	#DEF9F6
100.0%	100.0% #DCF9F3	RGB 220 249 243	#DCF9F3

#EAF7FE #E7F7FD #E5F8FC #E2F9FB #E0FAFA #DEF9F6 #DCF9F3

#EAF7FE - #E2F9FB - #DCF9F3

CSS codes

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

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