#B68E5E - #8D501A | 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 #B68E5E to #8D501A

#B68E5E #8D501A

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

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

0.0%	0.0% #B68E5E	RGB 182 142 94	#B68E5E
16.7%	16.7% #AF8352	RGB 175 131 82	#AF8352
33.3%	33.3% #A87947	RGB 168 121 71	#A87947
50.0%	50.0% #A16F3C	RGB 161 111 60	#A16F3C
66.7%	66.7% #9A6430	RGB 154 100 48	#9A6430
83.3%	83.3% #935A25	RGB 147 90 37	#935A25
100.0%	100.0% #8D501A	RGB 141 80 26	#8D501A

#B68E5E #AF8352 #A87947 #A16F3C #9A6430 #935A25 #8D501A

#B68E5E - #8D501A

HSV Blend

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

0.0%	0.0% #B68E5E	RGB 182 142 94	#B68E5E
16.7%	16.7% #AF8350	RGB 175 131 80	#AF8350
33.3%	33.3% #A87844	RGB 168 120 68	#A87844
50.0%	50.0% #A16D38	RGB 161 109 56	#A16D38
66.7%	66.7% #9A632D	RGB 154 99 45	#9A632D
83.3%	83.3% #935923	RGB 147 89 35	#935923
100.0%	100.0% #8D501A	RGB 141 80 26	#8D501A

#B68E5E #AF8350 #A87844 #A16D38 #9A632D #935923 #8D501A

#B68E5E - #A16D38 - #8D501A

CSS codes

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

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