#4C5E2E - #BCA957 | 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 #4C5E2E to #BCA957

#4C5E2E #BCA957

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

#4C5E2E - #BCA957 | 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 #4C5E2E as 0% and #BCA957 as 100%.

0.0%	0.0% #4C5E2E	RGB 76 94 46	#4C5E2E
16.7%	16.7% #5E6A34	RGB 94 106 52	#5E6A34
33.3%	33.3% #71773B	RGB 113 119 59	#71773B
50.0%	50.0% #848342	RGB 132 131 66	#848342
66.7%	66.7% #969049	RGB 150 144 73	#969049
83.3%	83.3% #A99C50	RGB 169 156 80	#A99C50
100.0%	100.0% #BCA957	RGB 188 169 87	#BCA957

#4C5E2E #5E6A34 #71773B #848342 #969049 #A99C50 #BCA957

#4C5E2E - #BCA957

HSV Blend

#4C5E2E - #BCA957 | 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 #4C5E2E as 0% and #BCA957 as 100%.

0.0%	0.0% #4C5E2E	RGB 76 94 46	#4C5E2E
16.7%	16.7% #5D6D35	RGB 93 109 53	#5D6D35
33.3%	33.3% #717D3C	RGB 113 125 60	#717D3C
50.0%	50.0% #868D43	RGB 134 141 67	#868D43
66.7%	66.7% #9C9C49	RGB 156 156 73	#9C9C49
83.3%	83.3% #ACA350	RGB 172 163 80	#ACA350
100.0%	100.0% #BCA957	RGB 188 169 87	#BCA957

#4C5E2E #5D6D35 #717D3C #868D43 #9C9C49 #ACA350 #BCA957

#4C5E2E - #868D43 - #BCA957

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E2E 0%, #868D43 50%, #BCA957 100%);
    background: -webkit-linear-gradient(top, #4C5E2E 0%, #868D43 50%, #BCA957 100%);
    background: linear-gradient(to bottom, #4C5E2E 0%, #868D43 50%, #BCA957 100%);
}
</style>