#4B5E3A - #B8A962 | 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 #4B5E3A to #B8A962

#4B5E3A #B8A962

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

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

0.0%	0.0% #4B5E3A	RGB 75 94 58	#4B5E3A
16.7%	16.7% #5D6A40	RGB 93 106 64	#5D6A40
33.3%	33.3% #6F7747	RGB 111 119 71	#6F7747
50.0%	50.0% #81834E	RGB 129 131 78	#81834E
66.7%	66.7% #939054	RGB 147 144 84	#939054
83.3%	83.3% #A59C5B	RGB 165 156 91	#A59C5B
100.0%	100.0% #B8A962	RGB 184 169 98	#B8A962

#4B5E3A #5D6A40 #6F7747 #81834E #939054 #A59C5B #B8A962

#4B5E3A - #B8A962

HSV Blend

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

0.0%	0.0% #4B5E3A	RGB 75 94 58	#4B5E3A
16.7%	16.7% #5B6D41	RGB 91 109 65	#5B6D41
33.3%	33.3% #6D7C49	RGB 109 124 73	#6D7C49
50.0%	50.0% #808B4F	RGB 128 139 79	#808B4F
66.7%	66.7% #959A56	RGB 149 154 86	#959A56
83.3%	83.3% #A9A45C	RGB 169 164 92	#A9A45C
100.0%	100.0% #B8A962	RGB 184 169 98	#B8A962

#4B5E3A #5B6D41 #6D7C49 #808B4F #959A56 #A9A45C #B8A962

#4B5E3A - #808B4F - #B8A962

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E3A 0%, #808B4F 50%, #B8A962 100%);
    background: -webkit-linear-gradient(top, #4B5E3A 0%, #808B4F 50%, #B8A962 100%);
    background: linear-gradient(to bottom, #4B5E3A 0%, #808B4F 50%, #B8A962 100%);
}
</style>