#A2E3E3 - #2FBABB | 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 #A2E3E3 to #2FBABB

#A2E3E3 #2FBABB

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

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

0.0%	0.0% #A2E3E3	RGB 162 227 227	#A2E3E3
16.7%	16.7% #8EDCDC	RGB 142 220 220	#8EDCDC
33.3%	33.3% #7BD5D5	RGB 123 213 213	#7BD5D5
50.0%	50.0% #68CECF	RGB 104 206 207	#68CECF
66.7%	66.7% #55C7C8	RGB 85 199 200	#55C7C8
83.3%	83.3% #42C0C1	RGB 66 192 193	#42C0C1
100.0%	100.0% #2FBABB	RGB 47 186 187	#2FBABB

#A2E3E3 #8EDCDC #7BD5D5 #68CECF #55C7C8 #42C0C1 #2FBABB

#A2E3E3 - #2FBABB

HSV Blend

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

0.0%	0.0% #A2E3E3	RGB 162 227 227	#A2E3E3
16.7%	16.7% #8CDCDC	RGB 140 220 220	#8CDCDC
33.3%	33.3% #77D5D5	RGB 119 213 213	#77D5D5
50.0%	50.0% #63CECF	RGB 99 206 207	#63CECF
66.7%	66.7% #51C7C8	RGB 81 199 200	#51C7C8
83.3%	83.3% #3FC0C1	RGB 63 192 193	#3FC0C1
100.0%	100.0% #2FBABB	RGB 47 186 187	#2FBABB

#A2E3E3 #8CDCDC #77D5D5 #63CECF #51C7C8 #3FC0C1 #2FBABB

#A2E3E3 - #63CECF - #2FBABB

CSS codes

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

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