#00AAA2 - #ABFBAF | 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 #00AAA2 to #ABFBAF

#00AAA2 #ABFBAF

Calculate the color between two colors, #00AAA2 and #ABFBAF. 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)

#00AAA2 - #ABFBAF | 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 #00AAA2 as 0% and #ABFBAF as 100%.

0.0%	0.0% #00AAA2	RGB 0 170 162	#00AAA2
16.7%	16.7% #1CB7A4	RGB 28 183 164	#1CB7A4
33.3%	33.3% #39C5A6	RGB 57 197 166	#39C5A6
50.0%	50.0% #55D2A8	RGB 85 210 168	#55D2A8
66.7%	66.7% #72E0AA	RGB 114 224 170	#72E0AA
83.3%	83.3% #8EEDAC	RGB 142 237 172	#8EEDAC
100.0%	100.0% #ABFBAF	RGB 171 251 175	#ABFBAF

#00AAA2 #1CB7A4 #39C5A6 #55D2A8 #72E0AA #8EEDAC #ABFBAF

#00AAA2 - #ABFBAF

HSV Blend

#00AAA2 - #ABFBAF | 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 #00AAA2 as 0% and #ABFBAF as 100%.

0.0%	0.0% #00AAA2	RGB 0 170 162	#00AAA2
16.7%	16.7% #14B797	RGB 20 183 151	#14B797
33.3%	33.3% #2CC590	RGB 44 197 144	#2CC590
50.0%	50.0% #47D28D	RGB 71 210 141	#47D28D
66.7%	66.7% #65E090	RGB 101 224 144	#65E090
83.3%	83.3% #86ED9B	RGB 134 237 155	#86ED9B
100.0%	100.0% #ABFBAF	RGB 171 251 175	#ABFBAF

#00AAA2 #14B797 #2CC590 #47D28D #65E090 #86ED9B #ABFBAF

#00AAA2 - #47D28D - #ABFBAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AAA2 0%, #47D28D 50%, #ABFBAF 100%);
    background: -webkit-linear-gradient(top, #00AAA2 0%, #47D28D 50%, #ABFBAF 100%);
    background: linear-gradient(to bottom, #00AAA2 0%, #47D28D 50%, #ABFBAF 100%);
}
</style>