#B4976D - #8D5822 | 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 #B4976D to #8D5822

#B4976D #8D5822

Calculate the color between two colors, #B4976D and #8D5822. 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)

#B4976D - #8D5822 | 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 #B4976D as 0% and #8D5822 as 100%.

0.0%	0.0% #B4976D	RGB 180 151 109	#B4976D
16.7%	16.7% #AD8C60	RGB 173 140 96	#AD8C60
33.3%	33.3% #A78254	RGB 167 130 84	#A78254
50.0%	50.0% #A07747	RGB 160 119 71	#A07747
66.7%	66.7% #9A6D3B	RGB 154 109 59	#9A6D3B
83.3%	83.3% #93622E	RGB 147 98 46	#93622E
100.0%	100.0% #8D5822	RGB 141 88 34	#8D5822

#B4976D #AD8C60 #A78254 #A07747 #9A6D3B #93622E #8D5822

#B4976D - #8D5822

HSV Blend

#B4976D - #8D5822 | 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 #B4976D as 0% and #8D5822 as 100%.

0.0%	0.0% #B4976D	RGB 180 151 109	#B4976D
16.7%	16.7% #AD8C5E	RGB 173 140 94	#AD8C5E
33.3%	33.3% #A78150	RGB 167 129 80	#A78150
50.0%	50.0% #A07643	RGB 160 118 67	#A07643
66.7%	66.7% #9A6C37	RGB 154 108 55	#9A6C37
83.3%	83.3% #93612C	RGB 147 97 44	#93612C
100.0%	100.0% #8D5822	RGB 141 88 34	#8D5822

#B4976D #AD8C5E #A78150 #A07643 #9A6C37 #93612C #8D5822

#B4976D - #A07643 - #8D5822

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4976D 0%, #A07643 50%, #8D5822 100%);
    background: -webkit-linear-gradient(top, #B4976D 0%, #A07643 50%, #8D5822 100%);
    background: linear-gradient(to bottom, #B4976D 0%, #A07643 50%, #8D5822 100%);
}
</style>