#4B5E2E - #BBA957 | 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 #4B5E2E to #BBA957

#4B5E2E #BBA957

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

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

0.0%	0.0% #4B5E2E	RGB 75 94 46	#4B5E2E
16.7%	16.7% #5D6A34	RGB 93 106 52	#5D6A34
33.3%	33.3% #70773B	RGB 112 119 59	#70773B
50.0%	50.0% #838342	RGB 131 131 66	#838342
66.7%	66.7% #959049	RGB 149 144 73	#959049
83.3%	83.3% #A89C50	RGB 168 156 80	#A89C50
100.0%	100.0% #BBA957	RGB 187 169 87	#BBA957

#4B5E2E #5D6A34 #70773B #838342 #959049 #A89C50 #BBA957

#4B5E2E - #BBA957

HSV Blend

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

0.0%	0.0% #4B5E2E	RGB 75 94 46	#4B5E2E
16.7%	16.7% #5C6D35	RGB 92 109 53	#5C6D35
33.3%	33.3% #6F7D3C	RGB 111 125 60	#6F7D3C
50.0%	50.0% #848C43	RGB 132 140 67	#848C43
66.7%	66.7% #9B9C49	RGB 155 156 73	#9B9C49
83.3%	83.3% #ABA350	RGB 171 163 80	#ABA350
100.0%	100.0% #BBA957	RGB 187 169 87	#BBA957

#4B5E2E #5C6D35 #6F7D3C #848C43 #9B9C49 #ABA350 #BBA957

#4B5E2E - #848C43 - #BBA957

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E2E 0%, #848C43 50%, #BBA957 100%);
    background: -webkit-linear-gradient(top, #4B5E2E 0%, #848C43 50%, #BBA957 100%);
    background: linear-gradient(to bottom, #4B5E2E 0%, #848C43 50%, #BBA957 100%);
}
</style>