#4D4641 - #BF906B | 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 #4D4641 to #BF906B

#4D4641 #BF906B

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

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

0.0%	0.0% #4D4641	RGB 77 70 65	#4D4641
16.7%	16.7% #605248	RGB 96 82 72	#605248
33.3%	33.3% #735E4F	RGB 115 94 79	#735E4F
50.0%	50.0% #866B56	RGB 134 107 86	#866B56
66.7%	66.7% #99775D	RGB 153 119 93	#99775D
83.3%	83.3% #AC8364	RGB 172 131 100	#AC8364
100.0%	100.0% #BF906B	RGB 191 144 107	#BF906B

#4D4641 #605248 #735E4F #866B56 #99775D #AC8364 #BF906B

#4D4641 - #BF906B

HSV Blend

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

0.0%	0.0% #4D4641	RGB 77 70 65	#4D4641
16.7%	16.7% #60544C	RGB 96 84 76	#60544C
33.3%	33.3% #736256	RGB 115 98 86	#736256
50.0%	50.0% #866F5E	RGB 134 111 94	#866F5E
66.7%	66.7% #997B64	RGB 153 123 100	#997B64
83.3%	83.3% #AC8568	RGB 172 133 104	#AC8568
100.0%	100.0% #BF906B	RGB 191 144 107	#BF906B

#4D4641 #60544C #736256 #866F5E #997B64 #AC8568 #BF906B

#4D4641 - #866F5E - #BF906B

CSS codes

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

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