#2CCD9D - #00A16D | 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 #2CCD9D to #00A16D

#2CCD9D #00A16D

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

#2CCD9D - #00A16D | 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 #2CCD9D as 0% and #00A16D as 100%.

0.0%	0.0% #2CCD9D	RGB 44 205 157	#2CCD9D
16.7%	16.7% #24C595	RGB 36 197 149	#24C595
33.3%	33.3% #1DBE8D	RGB 29 190 141	#1DBE8D
50.0%	50.0% #16B785	RGB 22 183 133	#16B785
66.7%	66.7% #0EAF7D	RGB 14 175 125	#0EAF7D
83.3%	83.3% #07A875	RGB 7 168 117	#07A875
100.0%	100.0% #00A16D	RGB 0 161 109	#00A16D

#2CCD9D #24C595 #1DBE8D #16B785 #0EAF7D #07A875 #00A16D

#2CCD9D - #00A16D

HSV Blend

#2CCD9D - #00A16D | 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 #2CCD9D as 0% and #00A16D as 100%.

0.0%	0.0% #2BCD9D	RGB 43 205 157	#2BCD9D
16.7%	16.7% #23C594	RGB 35 197 148	#23C594
33.3%	33.3% #1BBE8C	RGB 27 190 140	#1BBE8C
50.0%	50.0% #13B784	RGB 19 183 132	#13B784
66.7%	66.7% #0CAF7C	RGB 12 175 124	#0CAF7C
83.3%	83.3% #06A874	RGB 6 168 116	#06A874
100.0%	100.0% #00A16D	RGB 0 161 109	#00A16D

#2BCD9D #23C594 #1BBE8C #13B784 #0CAF7C #06A874 #00A16D

#2CCD9D - #13B784 - #00A16D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2BCD9D 0%, #13B784 50%, #00A16D 100%);
    background: -webkit-linear-gradient(top, #2BCD9D 0%, #13B784 50%, #00A16D 100%);
    background: linear-gradient(to bottom, #2BCD9D 0%, #13B784 50%, #00A16D 100%);
}
</style>