#A2D4EF - #E4F2FA | 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 #A2D4EF to #E4F2FA

#A2D4EF #E4F2FA

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

#A2D4EF - #E4F2FA | 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 #A2D4EF as 0% and #E4F2FA as 100%.

0.0%	0.0% #A2D4EF	RGB 162 212 239	#A2D4EF
16.7%	16.7% #ADD9F0	RGB 173 217 240	#ADD9F0
33.3%	33.3% #B8DEF2	RGB 184 222 242	#B8DEF2
50.0%	50.0% #C3E3F4	RGB 195 227 244	#C3E3F4
66.7%	66.7% #CEE8F6	RGB 206 232 246	#CEE8F6
83.3%	83.3% #D9EDF8	RGB 217 237 248	#D9EDF8
100.0%	100.0% #E4F2FA	RGB 228 242 250	#E4F2FA

#A2D4EF #ADD9F0 #B8DEF2 #C3E3F4 #CEE8F6 #D9EDF8 #E4F2FA

#A2D4EF - #E4F2FA

HSV Blend

#A2D4EF - #E4F2FA | 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 #A2D4EF as 0% and #E4F2FA as 100%.

0.0%	0.0% #A2D4EF	RGB 162 212 239	#A2D4EF
16.7%	16.7% #ACD8F0	RGB 172 216 240	#ACD8F0
33.3%	33.3% #B7DDF2	RGB 183 221 242	#B7DDF2
50.0%	50.0% #C2E2F4	RGB 194 226 244	#C2E2F4
66.7%	66.7% #CDE7F6	RGB 205 231 246	#CDE7F6
83.3%	83.3% #D8ECF8	RGB 216 236 248	#D8ECF8
100.0%	100.0% #E4F2FA	RGB 228 242 250	#E4F2FA

#A2D4EF #ACD8F0 #B7DDF2 #C2E2F4 #CDE7F6 #D8ECF8 #E4F2FA

#A2D4EF - #C2E2F4 - #E4F2FA

CSS codes

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

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