#E2EAFD - #E3EBFA | 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 #E2EAFD to #E3EBFA

#E2EAFD #E3EBFA

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

#E2EAFD - #E3EBFA | 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 #E2EAFD as 0% and #E3EBFA as 100%.

0.0%	0.0% #E2EAFD	RGB 226 234 253	#E2EAFD
16.7%	16.7% #E2EAFC	RGB 226 234 252	#E2EAFC
33.3%	33.3% #E2EAFC	RGB 226 234 252	#E2EAFC
50.0%	50.0% #E2EAFB	RGB 226 234 251	#E2EAFB
66.7%	66.7% #E2EAFB	RGB 226 234 251	#E2EAFB
83.3%	83.3% #E2EAFA	RGB 226 234 250	#E2EAFA
100.0%	100.0% #E3EBFA	RGB 227 235 250	#E3EBFA

#E2EAFD #E2EAFC #E2EAFC #E2EAFB #E2EAFB #E2EAFA #E3EBFA

#E2EAFD - #E3EBFA

HSV Blend

#E2EAFD - #E3EBFA | 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 #E2EAFD as 0% and #E3EBFA as 100%.

0.0%	0.0% #E2EAFD	RGB 226 234 253	#E2EAFD
16.7%	16.7% #E2EAFC	RGB 226 234 252	#E2EAFC
33.3%	33.3% #E2EAFC	RGB 226 234 252	#E2EAFC
50.0%	50.0% #E2EAFB	RGB 226 234 251	#E2EAFB
66.7%	66.7% #E2EAFB	RGB 226 234 251	#E2EAFB
83.3%	83.3% #E2EAFA	RGB 226 234 250	#E2EAFA
100.0%	100.0% #E3EBFA	RGB 227 235 250	#E3EBFA

#E2EAFD #E2EAFC #E2EAFC #E2EAFB #E2EAFB #E2EAFA #E3EBFA

#E2EAFD - #E2EAFB - #E3EBFA

CSS codes

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

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