#4B5E3D - #B7A964 | 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 #4B5E3D to #B7A964

#4B5E3D #B7A964

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

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

0.0%	0.0% #4B5E3D	RGB 75 94 61	#4B5E3D
16.7%	16.7% #5D6A43	RGB 93 106 67	#5D6A43
33.3%	33.3% #6F774A	RGB 111 119 74	#6F774A
50.0%	50.0% #818350	RGB 129 131 80	#818350
66.7%	66.7% #939057	RGB 147 144 87	#939057
83.3%	83.3% #A59C5D	RGB 165 156 93	#A59C5D
100.0%	100.0% #B7A964	RGB 183 169 100	#B7A964

#4B5E3D #5D6A43 #6F774A #818350 #939057 #A59C5D #B7A964

#4B5E3D - #B7A964

HSV Blend

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

0.0%	0.0% #4B5E3D	RGB 75 94 61	#4B5E3D
16.7%	16.7% #5A6C44	RGB 90 108 68	#5A6C44
33.3%	33.3% #6C7B4C	RGB 108 123 76	#6C7B4C
50.0%	50.0% #7F8A52	RGB 127 138 82	#7F8A52
66.7%	66.7% #949959	RGB 148 153 89	#949959
83.3%	83.3% #A8A45E	RGB 168 164 94	#A8A45E
100.0%	100.0% #B7A964	RGB 183 169 100	#B7A964

#4B5E3D #5A6C44 #6C7B4C #7F8A52 #949959 #A8A45E #B7A964

#4B5E3D - #7F8A52 - #B7A964

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E3D 0%, #7F8A52 50%, #B7A964 100%);
    background: -webkit-linear-gradient(top, #4B5E3D 0%, #7F8A52 50%, #B7A964 100%);
    background: linear-gradient(to bottom, #4B5E3D 0%, #7F8A52 50%, #B7A964 100%);
}
</style>