#B5955C - #8C5F18 | 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 #B5955C to #8C5F18

#B5955C #8C5F18

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

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

0.0%	0.0% #B5955C	RGB 181 149 92	#B5955C
16.7%	16.7% #AE8C50	RGB 174 140 80	#AE8C50
33.3%	33.3% #A78345	RGB 167 131 69	#A78345
50.0%	50.0% #A07A3A	RGB 160 122 58	#A07A3A
66.7%	66.7% #99712E	RGB 153 113 46	#99712E
83.3%	83.3% #926823	RGB 146 104 35	#926823
100.0%	100.0% #8C5F18	RGB 140 95 24	#8C5F18

#B5955C #AE8C50 #A78345 #A07A3A #99712E #926823 #8C5F18

#B5955C - #8C5F18

HSV Blend

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

0.0%	0.0% #B5955C	RGB 181 149 92	#B5955C
16.7%	16.7% #AE8B4E	RGB 174 139 78	#AE8B4E
33.3%	33.3% #A78242	RGB 167 130 66	#A78242
50.0%	50.0% #A07836	RGB 160 120 54	#A07836
66.7%	66.7% #99702B	RGB 153 112 43	#99702B
83.3%	83.3% #926721	RGB 146 103 33	#926721
100.0%	100.0% #8C5F18	RGB 140 95 24	#8C5F18

#B5955C #AE8B4E #A78242 #A07836 #99702B #926721 #8C5F18

#B5955C - #A07836 - #8C5F18

CSS codes

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

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