#B08D5E - #87501A | 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 #B08D5E to #87501A

#B08D5E #87501A

Calculate the color between two colors, #B08D5E and #87501A. 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)

#B08D5E - #87501A | 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 #B08D5E as 0% and #87501A as 100%.

0.0%	0.0% #B08D5E	RGB 176 141 94	#B08D5E
16.7%	16.7% #A98252	RGB 169 130 82	#A98252
33.3%	33.3% #A27847	RGB 162 120 71	#A27847
50.0%	50.0% #9B6E3C	RGB 155 110 60	#9B6E3C
66.7%	66.7% #946430	RGB 148 100 48	#946430
83.3%	83.3% #8D5A25	RGB 141 90 37	#8D5A25
100.0%	100.0% #87501A	RGB 135 80 26	#87501A

#B08D5E #A98252 #A27847 #9B6E3C #946430 #8D5A25 #87501A

#B08D5E - #87501A

HSV Blend

#B08D5E - #87501A | 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 #B08D5E as 0% and #87501A as 100%.

0.0%	0.0% #B08D5E	RGB 176 141 94	#B08D5E
16.7%	16.7% #A98250	RGB 169 130 80	#A98250
33.3%	33.3% #A27744	RGB 162 119 68	#A27744
50.0%	50.0% #9B6D38	RGB 155 109 56	#9B6D38
66.7%	66.7% #94632D	RGB 148 99 45	#94632D
83.3%	83.3% #8D5923	RGB 141 89 35	#8D5923
100.0%	100.0% #87501A	RGB 135 80 26	#87501A

#B08D5E #A98250 #A27744 #9B6D38 #94632D #8D5923 #87501A

#B08D5E - #9B6D38 - #87501A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B08D5E 0%, #9B6D38 50%, #87501A 100%);
    background: -webkit-linear-gradient(top, #B08D5E 0%, #9B6D38 50%, #87501A 100%);
    background: linear-gradient(to bottom, #B08D5E 0%, #9B6D38 50%, #87501A 100%);
}
</style>