#4F5E3F - #BAA966 | 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 #4F5E3F to #BAA966

#4F5E3F #BAA966

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

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

0.0%	0.0% #4F5E3F	RGB 79 94 63	#4F5E3F
16.7%	16.7% #606A45	RGB 96 106 69	#606A45
33.3%	33.3% #72774C	RGB 114 119 76	#72774C
50.0%	50.0% #848352	RGB 132 131 82	#848352
66.7%	66.7% #969059	RGB 150 144 89	#969059
83.3%	83.3% #A89C5F	RGB 168 156 95	#A89C5F
100.0%	100.0% #BAA966	RGB 186 169 102	#BAA966

#4F5E3F #606A45 #72774C #848352 #969059 #A89C5F #BAA966

#4F5E3F - #BAA966

HSV Blend

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

0.0%	0.0% #4F5E3F	RGB 79 94 63	#4F5E3F
16.7%	16.7% #5F6D47	RGB 95 109 71	#5F6D47
33.3%	33.3% #707C4E	RGB 112 124 78	#707C4E
50.0%	50.0% #848C55	RGB 132 140 85	#848C55
66.7%	66.7% #999B5B	RGB 153 155 91	#999B5B
83.3%	83.3% #AAA461	RGB 170 164 97	#AAA461
100.0%	100.0% #BAA966	RGB 186 169 102	#BAA966

#4F5E3F #5F6D47 #707C4E #848C55 #999B5B #AAA461 #BAA966

#4F5E3F - #848C55 - #BAA966

CSS codes

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

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