#3C4A2D - #9D9458 | 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 #3C4A2D to #9D9458

#3C4A2D #9D9458

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

#3C4A2D - #9D9458 | 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 #3C4A2D as 0% and #9D9458 as 100%.

0.0%	0.0% #3C4A2D	RGB 60 74 45	#3C4A2D
16.7%	16.7% #4C5634	RGB 76 86 52	#4C5634
33.3%	33.3% #5C623B	RGB 92 98 59	#5C623B
50.0%	50.0% #6C6F42	RGB 108 111 66	#6C6F42
66.7%	66.7% #7C7B49	RGB 124 123 73	#7C7B49
83.3%	83.3% #8C8750	RGB 140 135 80	#8C8750
100.0%	100.0% #9D9458	RGB 157 148 88	#9D9458

#3C4A2D #4C5634 #5C623B #6C6F42 #7C7B49 #8C8750 #9D9458

#3C4A2D - #9D9458

HSV Blend

#3C4A2D - #9D9458 | 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 #3C4A2D as 0% and #9D9458 as 100%.

0.0%	0.0% #3C4A2D	RGB 60 74 45	#3C4A2D
16.7%	16.7% #4A5734	RGB 74 87 52	#4A5734
33.3%	33.3% #5A653C	RGB 90 101 60	#5A653C
50.0%	50.0% #6B7343	RGB 107 115 67	#6B7343
66.7%	66.7% #7D814A	RGB 125 129 74	#7D814A
83.3%	83.3% #8F8D51	RGB 143 141 81	#8F8D51
100.0%	100.0% #9D9458	RGB 157 148 88	#9D9458

#3C4A2D #4A5734 #5A653C #6B7343 #7D814A #8F8D51 #9D9458

#3C4A2D - #6B7343 - #9D9458

CSS codes

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

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