#4D5E42 - #B7A868 | 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 #4D5E42 to #B7A868

#4D5E42 #B7A868

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

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

0.0%	0.0% #4D5E42	RGB 77 94 66	#4D5E42
16.7%	16.7% #5E6A48	RGB 94 106 72	#5E6A48
33.3%	33.3% #70764E	RGB 112 118 78	#70764E
50.0%	50.0% #828355	RGB 130 131 85	#828355
66.7%	66.7% #938F5B	RGB 147 143 91	#938F5B
83.3%	83.3% #A59B61	RGB 165 155 97	#A59B61
100.0%	100.0% #B7A868	RGB 183 168 104	#B7A868

#4D5E42 #5E6A48 #70764E #828355 #938F5B #A59B61 #B7A868

#4D5E42 - #B7A868

HSV Blend

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

0.0%	0.0% #4D5E42	RGB 77 94 66	#4D5E42
16.7%	16.7% #5C6C49	RGB 92 108 73	#5C6C49
33.3%	33.3% #6D7B51	RGB 109 123 81	#6D7B51
50.0%	50.0% #7F8A57	RGB 127 138 87	#7F8A57
66.7%	66.7% #94995D	RGB 148 153 93	#94995D
83.3%	83.3% #A8A463	RGB 168 164 99	#A8A463
100.0%	100.0% #B7A868	RGB 183 168 104	#B7A868

#4D5E42 #5C6C49 #6D7B51 #7F8A57 #94995D #A8A463 #B7A868

#4D5E42 - #7F8A57 - #B7A868

CSS codes

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

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