#B68F5E - #8D511A | 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 #B68F5E to #8D511A

#B68F5E #8D511A

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

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

0.0%	0.0% #B68F5E	RGB 182 143 94	#B68F5E
16.7%	16.7% #AF8452	RGB 175 132 82	#AF8452
33.3%	33.3% #A87A47	RGB 168 122 71	#A87A47
50.0%	50.0% #A1703C	RGB 161 112 60	#A1703C
66.7%	66.7% #9A6530	RGB 154 101 48	#9A6530
83.3%	83.3% #935B25	RGB 147 91 37	#935B25
100.0%	100.0% #8D511A	RGB 141 81 26	#8D511A

#B68F5E #AF8452 #A87A47 #A1703C #9A6530 #935B25 #8D511A

#B68F5E - #8D511A

HSV Blend

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

0.0%	0.0% #B68F5E	RGB 182 143 94	#B68F5E
16.7%	16.7% #AF8450	RGB 175 132 80	#AF8450
33.3%	33.3% #A87944	RGB 168 121 68	#A87944
50.0%	50.0% #A16E38	RGB 161 110 56	#A16E38
66.7%	66.7% #9A642D	RGB 154 100 45	#9A642D
83.3%	83.3% #935A23	RGB 147 90 35	#935A23
100.0%	100.0% #8D511A	RGB 141 81 26	#8D511A

#B68F5E #AF8450 #A87944 #A16E38 #9A642D #935A23 #8D511A

#B68F5E - #A16E38 - #8D511A

CSS codes

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

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