#3C744B - #5CDC95 | 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 #3C744B to #5CDC95

#3C744B #5CDC95

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

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

0.0%	0.0% #3C744B	RGB 60 116 75	#3C744B
16.7%	16.7% #418557	RGB 65 133 87	#418557
33.3%	33.3% #469663	RGB 70 150 99	#469663
50.0%	50.0% #4CA870	RGB 76 168 112	#4CA870
66.7%	66.7% #51B97C	RGB 81 185 124	#51B97C
83.3%	83.3% #56CA88	RGB 86 202 136	#56CA88
100.0%	100.0% #5CDC95	RGB 92 220 149	#5CDC95

#3C744B #418557 #469663 #4CA870 #51B97C #56CA88 #5CDC95

#3C744B - #5CDC95

HSV Blend

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

0.0%	0.0% #3C744B	RGB 60 116 75	#3C744B
16.7%	16.7% #428556	RGB 66 133 86	#428556
33.3%	33.3% #489662	RGB 72 150 98	#489662
50.0%	50.0% #4EA86E	RGB 78 168 110	#4EA86E
66.7%	66.7% #53B97A	RGB 83 185 122	#53B97A
83.3%	83.3% #58CA87	RGB 88 202 135	#58CA87
100.0%	100.0% #5CDC95	RGB 92 220 149	#5CDC95

#3C744B #428556 #489662 #4EA86E #53B97A #58CA87 #5CDC95

#3C744B - #4EA86E - #5CDC95

CSS codes

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

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