#A2FFE7 - #2EE5C6 | 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 #A2FFE7 to #2EE5C6

#A2FFE7 #2EE5C6

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

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

0.0%	0.0% #A2FFE7	RGB 162 255 231	#A2FFE7
16.7%	16.7% #8EFAE1	RGB 142 250 225	#8EFAE1
33.3%	33.3% #7BF6DC	RGB 123 246 220	#7BF6DC
50.0%	50.0% #68F2D6	RGB 104 242 214	#68F2D6
66.7%	66.7% #54EDD1	RGB 84 237 209	#54EDD1
83.3%	83.3% #41E9CB	RGB 65 233 203	#41E9CB
100.0%	100.0% #2EE5C6	RGB 46 229 198	#2EE5C6

#A2FFE7 #8EFAE1 #7BF6DC #68F2D6 #54EDD1 #41E9CB #2EE5C6

#A2FFE7 - #2EE5C6

HSV Blend

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

0.0%	0.0% #A2FFE7	RGB 162 255 231	#A2FFE7
16.7%	16.7% #8DFAE0	RGB 141 250 224	#8DFAE0
33.3%	33.3% #78F6D9	RGB 120 246 217	#78F6D9
50.0%	50.0% #65F2D3	RGB 101 242 211	#65F2D3
66.7%	66.7% #52EDCE	RGB 82 237 206	#52EDCE
83.3%	83.3% #3FE9CA	RGB 63 233 202	#3FE9CA
100.0%	100.0% #2EE5C6	RGB 46 229 198	#2EE5C6

#A2FFE7 #8DFAE0 #78F6D9 #65F2D3 #52EDCE #3FE9CA #2EE5C6

#A2FFE7 - #65F2D3 - #2EE5C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2FFE7 0%, #65F2D3 50%, #2EE5C6 100%);
    background: -webkit-linear-gradient(top, #A2FFE7 0%, #65F2D3 50%, #2EE5C6 100%);
    background: linear-gradient(to bottom, #A2FFE7 0%, #65F2D3 50%, #2EE5C6 100%);
}
</style>