#00A59B - #A8F8AD | 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 #00A59B to #A8F8AD

#00A59B #A8F8AD

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

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

0.0%	0.0% #00A59B	RGB 0 165 155	#00A59B
16.7%	16.7% #1CB29E	RGB 28 178 158	#1CB29E
33.3%	33.3% #38C0A1	RGB 56 192 161	#38C0A1
50.0%	50.0% #54CEA4	RGB 84 206 164	#54CEA4
66.7%	66.7% #70DCA7	RGB 112 220 167	#70DCA7
83.3%	83.3% #8CEAAA	RGB 140 234 170	#8CEAAA
100.0%	100.0% #A8F8AD	RGB 168 248 173	#A8F8AD

#00A59B #1CB29E #38C0A1 #54CEA4 #70DCA7 #8CEAAA #A8F8AD

#00A59B - #A8F8AD

HSV Blend

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

0.0%	0.0% #00A59A	RGB 0 165 154	#00A59A
16.7%	16.7% #14B292	RGB 20 178 146	#14B292
33.3%	33.3% #2BC08C	RGB 43 192 140	#2BC08C
50.0%	50.0% #45CE8A	RGB 69 206 138	#45CE8A
66.7%	66.7% #63DC8E	RGB 99 220 142	#63DC8E
83.3%	83.3% #84EA99	RGB 132 234 153	#84EA99
100.0%	100.0% #A8F8AD	RGB 168 248 173	#A8F8AD

#00A59A #14B292 #2BC08C #45CE8A #63DC8E #84EA99 #A8F8AD

#00A59B - #45CE8A - #A8F8AD

CSS codes

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

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