#3C7642 - #B0C26B | 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 #3C7642 to #B0C26B

#3C7642 #B0C26B

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

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

0.0%	0.0% #3C7642	RGB 60 118 66	#3C7642
16.7%	16.7% #4F8248	RGB 79 130 72	#4F8248
33.3%	33.3% #628F4F	RGB 98 143 79	#628F4F
50.0%	50.0% #769C56	RGB 118 156 86	#769C56
66.7%	66.7% #89A85D	RGB 137 168 93	#89A85D
83.3%	83.3% #9CB564	RGB 156 181 100	#9CB564
100.0%	100.0% #B0C26B	RGB 176 194 107	#B0C26B

#3C7642 #4F8248 #628F4F #769C56 #89A85D #9CB564 #B0C26B

#3C7642 - #B0C26B

HSV Blend

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

0.0%	0.0% #3C7642	RGB 60 118 66	#3C7642
16.7%	16.7% #468243	RGB 70 130 67	#468243
33.3%	33.3% #588F4A	RGB 88 143 74	#588F4A
50.0%	50.0% #6B9C52	RGB 107 156 82	#6B9C52
66.7%	66.7% #81A85A	RGB 129 168 90	#81A85A
83.3%	83.3% #97B562	RGB 151 181 98	#97B562
100.0%	100.0% #B0C26B	RGB 176 194 107	#B0C26B

#3C7642 #468243 #588F4A #6B9C52 #81A85A #97B562 #B0C26B

#3C7642 - #6B9C52 - #B0C26B

CSS codes

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

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