#A2CCD9 - #E4EFF4 | 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 #A2CCD9 to #E4EFF4

#A2CCD9 #E4EFF4

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

#A2CCD9 - #E4EFF4 | 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 #A2CCD9 as 0% and #E4EFF4 as 100%.

0.0%	0.0% #A2CCD9	RGB 162 204 217	#A2CCD9
16.7%	16.7% #ADD1DD	RGB 173 209 221	#ADD1DD
33.3%	33.3% #B8D7E2	RGB 184 215 226	#B8D7E2
50.0%	50.0% #C3DDE6	RGB 195 221 230	#C3DDE6
66.7%	66.7% #CEE3EB	RGB 206 227 235	#CEE3EB
83.3%	83.3% #D9E9EF	RGB 217 233 239	#D9E9EF
100.0%	100.0% #E4EFF4	RGB 228 239 244	#E4EFF4

#A2CCD9 #ADD1DD #B8D7E2 #C3DDE6 #CEE3EB #D9E9EF #E4EFF4

#A2CCD9 - #E4EFF4

HSV Blend

#A2CCD9 - #E4EFF4 | 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 #A2CCD9 as 0% and #E4EFF4 as 100%.

0.0%	0.0% #A2CCD9	RGB 162 204 217	#A2CCD9
16.7%	16.7% #ACD1DD	RGB 172 209 221	#ACD1DD
33.3%	33.3% #B6D6E2	RGB 182 214 226	#B6D6E2
50.0%	50.0% #C1DCE6	RGB 193 220 230	#C1DCE6
66.7%	66.7% #CCE2EB	RGB 204 226 235	#CCE2EB
83.3%	83.3% #D8E8EF	RGB 216 232 239	#D8E8EF
100.0%	100.0% #E4EFF4	RGB 228 239 244	#E4EFF4

#A2CCD9 #ACD1DD #B6D6E2 #C1DCE6 #CCE2EB #D8E8EF #E4EFF4

#A2CCD9 - #C1DCE6 - #E4EFF4

CSS codes

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

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