#3CDF93 - #00AF64 | 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 #3CDF93 to #00AF64

#3CDF93 #00AF64

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

#3CDF93 - #00AF64 | 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 #3CDF93 as 0% and #00AF64 as 100%.

0.0%	0.0% #3CDF93	RGB 60 223 147	#3CDF93
16.7%	16.7% #32D78B	RGB 50 215 139	#32D78B
33.3%	33.3% #28CF83	RGB 40 207 131	#28CF83
50.0%	50.0% #1EC77B	RGB 30 199 123	#1EC77B
66.7%	66.7% #14BF73	RGB 20 191 115	#14BF73
83.3%	83.3% #0AB76B	RGB 10 183 107	#0AB76B
100.0%	100.0% #00AF64	RGB 0 175 100	#00AF64

#3CDF93 #32D78B #28CF83 #1EC77B #14BF73 #0AB76B #00AF64

#3CDF93 - #00AF64

HSV Blend

#3CDF93 - #00AF64 | 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 #3CDF93 as 0% and #00AF64 as 100%.

0.0%	0.0% #3CDF93	RGB 60 223 147	#3CDF93
16.7%	16.7% #30D78A	RGB 48 215 138	#30D78A
33.3%	33.3% #25CF81	RGB 37 207 129	#25CF81
50.0%	50.0% #1AC779	RGB 26 199 121	#1AC779
66.7%	66.7% #11BF72	RGB 17 191 114	#11BF72
83.3%	83.3% #08B76A	RGB 8 183 106	#08B76A
100.0%	100.0% #00AF64	RGB 0 175 100	#00AF64

#3CDF93 #30D78A #25CF81 #1AC779 #11BF72 #08B76A #00AF64

#3CDF93 - #1AC779 - #00AF64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CDF93 0%, #1AC779 50%, #00AF64 100%);
    background: -webkit-linear-gradient(top, #3CDF93 0%, #1AC779 50%, #00AF64 100%);
    background: linear-gradient(to bottom, #3CDF93 0%, #1AC779 50%, #00AF64 100%);
}
</style>