#00ADA5 - #AAFF7E | 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 #00ADA5 to #AAFF7E

#00ADA5 #AAFF7E

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

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

0.0%	0.0% #00ADA5	RGB 0 173 165	#00ADA5
16.7%	16.7% #1CBA9E	RGB 28 186 158	#1CBA9E
33.3%	33.3% #38C898	RGB 56 200 152	#38C898
50.0%	50.0% #55D691	RGB 85 214 145	#55D691
66.7%	66.7% #71E38B	RGB 113 227 139	#71E38B
83.3%	83.3% #8DF184	RGB 141 241 132	#8DF184
100.0%	100.0% #AAFF7E	RGB 170 255 126	#AAFF7E

#00ADA5 #1CBA9E #38C898 #55D691 #71E38B #8DF184 #AAFF7E

#00ADA5 - #AAFF7E

HSV Blend

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

0.0%	0.0% #00ADA5	RGB 0 173 165	#00ADA5
16.7%	16.7% #0FBA8D	RGB 15 186 141	#0FBA8D
33.3%	33.3% #20C878	RGB 32 200 120	#20C878
50.0%	50.0% #34D666	RGB 52 214 102	#34D666
66.7%	66.7% #4AE358	RGB 74 227 88	#4AE358
83.3%	83.3% #75F163	RGB 117 241 99	#75F163
100.0%	100.0% #AAFF7E	RGB 170 255 126	#AAFF7E

#00ADA5 #0FBA8D #20C878 #34D666 #4AE358 #75F163 #AAFF7E

#00ADA5 - #34D666 - #AAFF7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00ADA5 0%, #34D666 50%, #AAFF7E 100%);
    background: -webkit-linear-gradient(top, #00ADA5 0%, #34D666 50%, #AAFF7E 100%);
    background: linear-gradient(to bottom, #00ADA5 0%, #34D666 50%, #AAFF7E 100%);
}
</style>