#838D76 - #3C5E2E | 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 #838D76 to #3C5E2E

#838D76 #3C5E2E

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

#838D76 - #3C5E2E | 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 #838D76 as 0% and #3C5E2E as 100%.

0.0%	0.0% #838D76	RGB 131 141 118	#838D76
16.7%	16.7% #77856A	RGB 119 133 106	#77856A
33.3%	33.3% #6B7D5E	RGB 107 125 94	#6B7D5E
50.0%	50.0% #5F7552	RGB 95 117 82	#5F7552
66.7%	66.7% #536D46	RGB 83 109 70	#536D46
83.3%	83.3% #47653A	RGB 71 101 58	#47653A
100.0%	100.0% #3C5E2E	RGB 60 94 46	#3C5E2E

#838D76 #77856A #6B7D5E #5F7552 #536D46 #47653A #3C5E2E

#838D76 - #3C5E2E

HSV Blend

#838D76 - #3C5E2E | 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 #838D76 as 0% and #3C5E2E as 100%.

0.0%	0.0% #838D76	RGB 131 141 118	#838D76
16.7%	16.7% #778567	RGB 119 133 103	#778567
33.3%	33.3% #6A7D5A	RGB 106 125 90	#6A7D5A
50.0%	50.0% #5E754D	RGB 94 117 77	#5E754D
66.7%	66.7% #526D42	RGB 82 109 66	#526D42
83.3%	83.3% #476537	RGB 71 101 55	#476537
100.0%	100.0% #3C5E2E	RGB 60 94 46	#3C5E2E

#838D76 #778567 #6A7D5A #5E754D #526D42 #476537 #3C5E2E

#838D76 - #5E754D - #3C5E2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #838D76 0%, #5E754D 50%, #3C5E2E 100%);
    background: -webkit-linear-gradient(top, #838D76 0%, #5E754D 50%, #3C5E2E 100%);
    background: linear-gradient(to bottom, #838D76 0%, #5E754D 50%, #3C5E2E 100%);
}
</style>