#3C7E47 - #B8C96F | 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 #3C7E47 to #B8C96F

#3C7E47 #B8C96F

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

#3C7E47 - #B8C96F | 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 #3C7E47 as 0% and #B8C96F as 100%.

0.0%	0.0% #3C7E47	RGB 60 126 71	#3C7E47
16.7%	16.7% #508A4D	RGB 80 138 77	#508A4D
33.3%	33.3% #659754	RGB 101 151 84	#659754
50.0%	50.0% #7AA35B	RGB 122 163 91	#7AA35B
66.7%	66.7% #8EB061	RGB 142 176 97	#8EB061
83.3%	83.3% #A3BC68	RGB 163 188 104	#A3BC68
100.0%	100.0% #B8C96F	RGB 184 201 111	#B8C96F

#3C7E47 #508A4D #659754 #7AA35B #8EB061 #A3BC68 #B8C96F

#3C7E47 - #B8C96F

HSV Blend

#3C7E47 - #B8C96F | 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 #3C7E47 as 0% and #B8C96F as 100%.

0.0%	0.0% #3C7E47	RGB 60 126 71	#3C7E47
16.7%	16.7% #438A43	RGB 67 138 67	#438A43
33.3%	33.3% #57974B	RGB 87 151 75	#57974B
50.0%	50.0% #6DA354	RGB 109 163 84	#6DA354
66.7%	66.7% #85B05C	RGB 133 176 92	#85B05C
83.3%	83.3% #9DBC65	RGB 157 188 101	#9DBC65
100.0%	100.0% #B8C96F	RGB 184 201 111	#B8C96F

#3C7E47 #438A43 #57974B #6DA354 #85B05C #9DBC65 #B8C96F

#3C7E47 - #6DA354 - #B8C96F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7E47 0%, #6DA354 50%, #B8C96F 100%);
    background: -webkit-linear-gradient(top, #3C7E47 0%, #6DA354 50%, #B8C96F 100%);
    background: linear-gradient(to bottom, #3C7E47 0%, #6DA354 50%, #B8C96F 100%);
}
</style>