#4D5A2D - #B9A557 | 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 #4D5A2D to #B9A557

#4D5A2D #B9A557

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

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

0.0%	0.0% #4D5A2D	RGB 77 90 45	#4D5A2D
16.7%	16.7% #5F6634	RGB 95 102 52	#5F6634
33.3%	33.3% #71733B	RGB 113 115 59	#71733B
50.0%	50.0% #837F42	RGB 131 127 66	#837F42
66.7%	66.7% #958C49	RGB 149 140 73	#958C49
83.3%	83.3% #A79850	RGB 167 152 80	#A79850
100.0%	100.0% #B9A557	RGB 185 165 87	#B9A557

#4D5A2D #5F6634 #71733B #837F42 #958C49 #A79850 #B9A557

#4D5A2D - #B9A557

HSV Blend

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

0.0%	0.0% #4D5A2D	RGB 77 90 45	#4D5A2D
16.7%	16.7% #5E6934	RGB 94 105 52	#5E6934
33.3%	33.3% #71793B	RGB 113 121 59	#71793B
50.0%	50.0% #868942	RGB 134 137 66	#868942
66.7%	66.7% #999649	RGB 153 150 73	#999649
83.3%	83.3% #A99E50	RGB 169 158 80	#A99E50
100.0%	100.0% #B9A557	RGB 185 165 87	#B9A557

#4D5A2D #5E6934 #71793B #868942 #999649 #A99E50 #B9A557

#4D5A2D - #868942 - #B9A557

CSS codes

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

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