#00A6A4 - #A8FBA9 | 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 #00A6A4 to #A8FBA9

#00A6A4 #A8FBA9

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

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

0.0%	0.0% #00A6A4	RGB 0 166 164	#00A6A4
16.7%	16.7% #1CB4A4	RGB 28 180 164	#1CB4A4
33.3%	33.3% #38C2A5	RGB 56 194 165	#38C2A5
50.0%	50.0% #54D0A6	RGB 84 208 166	#54D0A6
66.7%	66.7% #70DEA7	RGB 112 222 167	#70DEA7
83.3%	83.3% #8CECA8	RGB 140 236 168	#8CECA8
100.0%	100.0% #A8FBA9	RGB 168 251 169	#A8FBA9

#00A6A4 #1CB4A4 #38C2A5 #54D0A6 #70DEA7 #8CECA8 #A8FBA9

#00A6A4 - #A8FBA9

HSV Blend

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

0.0%	0.0% #00A6A4	RGB 0 166 164	#00A6A4
16.7%	16.7% #14B498	RGB 20 180 152	#14B498
33.3%	33.3% #2BC28F	RGB 43 194 143	#2BC28F
50.0%	50.0% #45D08B	RGB 69 208 139	#45D08B
66.7%	66.7% #63DE8C	RGB 99 222 140	#63DE8C
83.3%	83.3% #84EC96	RGB 132 236 150	#84EC96
100.0%	100.0% #A8FBA9	RGB 168 251 169	#A8FBA9

#00A6A4 #14B498 #2BC28F #45D08B #63DE8C #84EC96 #A8FBA9

#00A6A4 - #45D08B - #A8FBA9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A6A4 0%, #45D08B 50%, #A8FBA9 100%);
    background: -webkit-linear-gradient(top, #00A6A4 0%, #45D08B 50%, #A8FBA9 100%);
    background: linear-gradient(to bottom, #00A6A4 0%, #45D08B 50%, #A8FBA9 100%);
}
</style>