#A2FFED - #2BE5CF | 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 #A2FFED to #2BE5CF

#A2FFED #2BE5CF

Calculate the color between two colors, #A2FFED and #2BE5CF. 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)

#A2FFED - #2BE5CF | 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 #A2FFED as 0% and #2BE5CF as 100%.

0.0%	0.0% #A2FFED	RGB 162 255 237	#A2FFED
16.7%	16.7% #8EFAE8	RGB 142 250 232	#8EFAE8
33.3%	33.3% #7AF6E3	RGB 122 246 227	#7AF6E3
50.0%	50.0% #66F2DE	RGB 102 242 222	#66F2DE
66.7%	66.7% #52EDD9	RGB 82 237 217	#52EDD9
83.3%	83.3% #3EE9D4	RGB 62 233 212	#3EE9D4
100.0%	100.0% #2BE5CF	RGB 43 229 207	#2BE5CF

#A2FFED #8EFAE8 #7AF6E3 #66F2DE #52EDD9 #3EE9D4 #2BE5CF

#A2FFED - #2BE5CF

HSV Blend

#A2FFED - #2BE5CF | 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 #A2FFED as 0% and #2BE5CF as 100%.

0.0%	0.0% #A2FFED	RGB 162 255 237	#A2FFED
16.7%	16.7% #8CFAE6	RGB 140 250 230	#8CFAE6
33.3%	33.3% #77F6E1	RGB 119 246 225	#77F6E1
50.0%	50.0% #63F2DB	RGB 99 242 219	#63F2DB
66.7%	66.7% #50EDD7	RGB 80 237 215	#50EDD7
83.3%	83.3% #3DE9D2	RGB 61 233 210	#3DE9D2
100.0%	100.0% #2BE5CF	RGB 43 229 207	#2BE5CF

#A2FFED #8CFAE6 #77F6E1 #63F2DB #50EDD7 #3DE9D2 #2BE5CF

#A2FFED - #63F2DB - #2BE5CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2FFED 0%, #63F2DB 50%, #2BE5CF 100%);
    background: -webkit-linear-gradient(top, #A2FFED 0%, #63F2DB 50%, #2BE5CF 100%);
    background: linear-gradient(to bottom, #A2FFED 0%, #63F2DB 50%, #2BE5CF 100%);
}
</style>