#E2FBFE - #EFEFFF | 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 #E2FBFE to #EFEFFF

#E2FBFE #EFEFFF

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

#E2FBFE - #EFEFFF | 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 #E2FBFE as 0% and #EFEFFF as 100%.

0.0%	0.0% #E2FBFE	RGB 226 251 254	#E2FBFE
16.7%	16.7% #E4F9FE	RGB 228 249 254	#E4F9FE
33.3%	33.3% #E6F7FE	RGB 230 247 254	#E6F7FE
50.0%	50.0% #E8F5FE	RGB 232 245 254	#E8F5FE
66.7%	66.7% #EAF3FE	RGB 234 243 254	#EAF3FE
83.3%	83.3% #ECF1FE	RGB 236 241 254	#ECF1FE
100.0%	100.0% #EFEFFF	RGB 239 239 255	#EFEFFF

#E2FBFE #E4F9FE #E6F7FE #E8F5FE #EAF3FE #ECF1FE #EFEFFF

#E2FBFE - #EFEFFF

HSV Blend

#E2FBFE - #EFEFFF | 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 #E2FBFE as 0% and #EFEFFF as 100%.

0.0%	0.0% #E2FBFE	RGB 226 251 254	#E2FBFE
16.7%	16.7% #E4F7FE	RGB 228 247 254	#E4F7FE
33.3%	33.3% #E6F4FE	RGB 230 244 254	#E6F4FE
50.0%	50.0% #E8F2FE	RGB 232 242 254	#E8F2FE
66.7%	66.7% #EAF0FE	RGB 234 240 254	#EAF0FE
83.3%	83.3% #ECEFFE	RGB 236 239 254	#ECEFFE
100.0%	100.0% #EFEFFF	RGB 239 239 255	#EFEFFF

#E2FBFE #E4F7FE #E6F4FE #E8F2FE #EAF0FE #ECEFFE #EFEFFF

#E2FBFE - #E8F2FE - #EFEFFF

CSS codes

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

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