#3CAC8D - #5DFFB0 | 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 #3CAC8D to #5DFFB0

#3CAC8D #5DFFB0

Calculate the color between two colors, #3CAC8D and #5DFFB0. 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)

#3CAC8D - #5DFFB0 | 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 #3CAC8D as 0% and #5DFFB0 as 100%.

0.0%	0.0% #3CAC8D	RGB 60 172 141	#3CAC8D
16.7%	16.7% #41B992	RGB 65 185 146	#41B992
33.3%	33.3% #47C798	RGB 71 199 152	#47C798
50.0%	50.0% #4CD59E	RGB 76 213 158	#4CD59E
66.7%	66.7% #52E3A4	RGB 82 227 164	#52E3A4
83.3%	83.3% #57F1AA	RGB 87 241 170	#57F1AA
100.0%	100.0% #5DFFB0	RGB 93 255 176	#5DFFB0

#3CAC8D #41B992 #47C798 #4CD59E #52E3A4 #57F1AA #5DFFB0

#3CAC8D - #5DFFB0

HSV Blend

#3CAC8D - #5DFFB0 | 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 #3CAC8D as 0% and #5DFFB0 as 100%.

0.0%	0.0% #3CAC8D	RGB 60 172 141	#3CAC8D
16.7%	16.7% #41B994	RGB 65 185 148	#41B994
33.3%	33.3% #46C79A	RGB 70 199 154	#46C79A
50.0%	50.0% #4CD5A1	RGB 76 213 161	#4CD5A1
66.7%	66.7% #51E3A6	RGB 81 227 166	#51E3A6
83.3%	83.3% #57F1AB	RGB 87 241 171	#57F1AB
100.0%	100.0% #5DFFB0	RGB 93 255 176	#5DFFB0

#3CAC8D #41B994 #46C79A #4CD5A1 #51E3A6 #57F1AB #5DFFB0

#3CAC8D - #4CD5A1 - #5DFFB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CAC8D 0%, #4CD5A1 50%, #5DFFB0 100%);
    background: -webkit-linear-gradient(top, #3CAC8D 0%, #4CD5A1 50%, #5DFFB0 100%);
    background: linear-gradient(to bottom, #3CAC8D 0%, #4CD5A1 50%, #5DFFB0 100%);
}
</style>