#EDF8F5 - #EAF8FF | 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 #EDF8F5 to #EAF8FF

#EDF8F5 #EAF8FF

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

#EDF8F5 - #EAF8FF | 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 #EDF8F5 as 0% and #EAF8FF as 100%.

0.0%	0.0% #EDF8F5	RGB 237 248 245	#EDF8F5
16.7%	16.7% #ECF8F6	RGB 236 248 246	#ECF8F6
33.3%	33.3% #ECF8F8	RGB 236 248 248	#ECF8F8
50.0%	50.0% #EBF8FA	RGB 235 248 250	#EBF8FA
66.7%	66.7% #EBF8FB	RGB 235 248 251	#EBF8FB
83.3%	83.3% #EAF8FD	RGB 234 248 253	#EAF8FD
100.0%	100.0% #EAF8FF	RGB 234 248 255	#EAF8FF

#EDF8F5 #ECF8F6 #ECF8F8 #EBF8FA #EBF8FB #EAF8FD #EAF8FF

#EDF8F5 - #EAF8FF

HSV Blend

#EDF8F5 - #EAF8FF | 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 #EDF8F5 as 0% and #EAF8FF as 100%.

0.0%	0.0% #EDF8F5	RGB 237 248 245	#EDF8F5
16.7%	16.7% #ECF9F6	RGB 236 249 246	#ECF9F6
33.3%	33.3% #ECFAF9	RGB 236 250 249	#ECFAF9
50.0%	50.0% #EBFBFB	RGB 235 251 251	#EBFBFB
66.7%	66.7% #EBFAFC	RGB 235 250 252	#EBFAFC
83.3%	83.3% #EAF9FD	RGB 234 249 253	#EAF9FD
100.0%	100.0% #EAF8FF	RGB 234 248 255	#EAF8FF

#EDF8F5 #ECF9F6 #ECFAF9 #EBFBFB #EBFAFC #EAF9FD #EAF8FF

#EDF8F5 - #EBFBFB - #EAF8FF

CSS codes

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

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