#3A611B - #7F9A5E | 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 #3A611B to #7F9A5E

#3A611B #7F9A5E

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

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

0.0%	0.0% #3A611B	RGB 58 97 27	#3A611B
16.7%	16.7% #456A26	RGB 69 106 38	#456A26
33.3%	33.3% #517431	RGB 81 116 49	#517431
50.0%	50.0% #5C7D3C	RGB 92 125 60	#5C7D3C
66.7%	66.7% #688747	RGB 104 135 71	#688747
83.3%	83.3% #739052	RGB 115 144 82	#739052
100.0%	100.0% #7F9A5E	RGB 127 154 94	#7F9A5E

#3A611B #456A26 #517431 #5C7D3C #688747 #739052 #7F9A5E

#3A611B - #7F9A5E

HSV Blend

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

0.0%	0.0% #3A611B	RGB 58 97 27	#3A611B
16.7%	16.7% #446A23	RGB 68 106 35	#446A23
33.3%	33.3% #4F742D	RGB 79 116 45	#4F742D
50.0%	50.0% #5A7D37	RGB 90 125 55	#5A7D37
66.7%	66.7% #668743	RGB 102 135 67	#668743
83.3%	83.3% #729050	RGB 114 144 80	#729050
100.0%	100.0% #7F9A5E	RGB 127 154 94	#7F9A5E

#3A611B #446A23 #4F742D #5A7D37 #668743 #729050 #7F9A5E

#3A611B - #5A7D37 - #7F9A5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A611B 0%, #5A7D37 50%, #7F9A5E 100%);
    background: -webkit-linear-gradient(top, #3A611B 0%, #5A7D37 50%, #7F9A5E 100%);
    background: linear-gradient(to bottom, #3A611B 0%, #5A7D37 50%, #7F9A5E 100%);
}
</style>