#3B5E2D - #AE9B58 | 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 #3B5E2D to #AE9B58

#3B5E2D #AE9B58

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

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

0.0%	0.0% #3B5E2D	RGB 59 94 45	#3B5E2D
16.7%	16.7% #4E6834	RGB 78 104 52	#4E6834
33.3%	33.3% #61723B	RGB 97 114 59	#61723B
50.0%	50.0% #747C42	RGB 116 124 66	#747C42
66.7%	66.7% #878649	RGB 135 134 73	#878649
83.3%	83.3% #9A9050	RGB 154 144 80	#9A9050
100.0%	100.0% #AE9B58	RGB 174 155 88	#AE9B58

#3B5E2D #4E6834 #61723B #747C42 #878649 #9A9050 #AE9B58

#3B5E2D - #AE9B58

HSV Blend

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

0.0%	0.0% #3B5E2D	RGB 59 94 45	#3B5E2D
16.7%	16.7% #4C6B33	RGB 76 107 51	#4C6B33
33.3%	33.3% #5F783A	RGB 95 120 58	#5F783A
50.0%	50.0% #758641	RGB 117 134 65	#758641
66.7%	66.7% #8C9349	RGB 140 147 73	#8C9349
83.3%	83.3% #A09B50	RGB 160 155 80	#A09B50
100.0%	100.0% #AE9B58	RGB 174 155 88	#AE9B58

#3B5E2D #4C6B33 #5F783A #758641 #8C9349 #A09B50 #AE9B58

#3B5E2D - #758641 - #AE9B58

CSS codes

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

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