#4F5E4B - #B5A76E | 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 #4F5E4B to #B5A76E

#4F5E4B #B5A76E

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

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

0.0%	0.0% #4F5E4B	RGB 79 94 75	#4F5E4B
16.7%	16.7% #606A50	RGB 96 106 80	#606A50
33.3%	33.3% #717656	RGB 113 118 86	#717656
50.0%	50.0% #82825C	RGB 130 130 92	#82825C
66.7%	66.7% #938E62	RGB 147 142 98	#938E62
83.3%	83.3% #A49A68	RGB 164 154 104	#A49A68
100.0%	100.0% #B5A76E	RGB 181 167 110	#B5A76E

#4F5E4B #606A50 #717656 #82825C #938E62 #A49A68 #B5A76E

#4F5E4B - #B5A76E

HSV Blend

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

0.0%	0.0% #4F5E4B	RGB 79 94 75	#4F5E4B
16.7%	16.7% #5C6C53	RGB 92 108 83	#5C6C53
33.3%	33.3% #6B7B5A	RGB 107 123 90	#6B7B5A
50.0%	50.0% #7D8960	RGB 125 137 96	#7D8960
66.7%	66.7% #919866	RGB 145 152 102	#919866
83.3%	83.3% #A6A46A	RGB 166 164 106	#A6A46A
100.0%	100.0% #B5A76E	RGB 181 167 110	#B5A76E

#4F5E4B #5C6C53 #6B7B5A #7D8960 #919866 #A6A46A #B5A76E

#4F5E4B - #7D8960 - #B5A76E

CSS codes

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

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