#3D5E35 - #B0AA5D | 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 #3D5E35 to #B0AA5D

#3D5E35 #B0AA5D

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

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

0.0%	0.0% #3D5E35	RGB 61 94 53	#3D5E35
16.7%	16.7% #506A3B	RGB 80 106 59	#506A3B
33.3%	33.3% #637742	RGB 99 119 66	#637742
50.0%	50.0% #768449	RGB 118 132 73	#768449
66.7%	66.7% #89904F	RGB 137 144 79	#89904F
83.3%	83.3% #9C9D56	RGB 156 157 86	#9C9D56
100.0%	100.0% #B0AA5D	RGB 176 170 93	#B0AA5D

#3D5E35 #506A3B #637742 #768449 #89904F #9C9D56 #B0AA5D

#3D5E35 - #B0AA5D

HSV Blend

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

0.0%	0.0% #3D5E35	RGB 61 94 53	#3D5E35
16.7%	16.7% #4C6B3C	RGB 76 107 60	#4C6B3C
33.3%	33.3% #5D7942	RGB 93 121 66	#5D7942
50.0%	50.0% #708749	RGB 112 135 73	#708749
66.7%	66.7% #859450	RGB 133 148 80	#859450
83.3%	83.3% #9CA256	RGB 156 162 86	#9CA256
100.0%	100.0% #B0AA5D	RGB 176 170 93	#B0AA5D

#3D5E35 #4C6B3C #5D7942 #708749 #859450 #9CA256 #B0AA5D

#3D5E35 - #708749 - #B0AA5D

CSS codes

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

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