#B4865C - #8B4819 | 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 #B4865C to #8B4819

#B4865C #8B4819

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

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

0.0%	0.0% #B4865C	RGB 180 134 92	#B4865C
16.7%	16.7% #AD7B50	RGB 173 123 80	#AD7B50
33.3%	33.3% #A67145	RGB 166 113 69	#A67145
50.0%	50.0% #9F673A	RGB 159 103 58	#9F673A
66.7%	66.7% #985C2F	RGB 152 92 47	#985C2F
83.3%	83.3% #915224	RGB 145 82 36	#915224
100.0%	100.0% #8B4819	RGB 139 72 25	#8B4819

#B4865C #AD7B50 #A67145 #9F673A #985C2F #915224 #8B4819

#B4865C - #8B4819

HSV Blend

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

0.0%	0.0% #B4865C	RGB 180 134 92	#B4865C
16.7%	16.7% #AD7A4E	RGB 173 122 78	#AD7A4E
33.3%	33.3% #A67042	RGB 166 112 66	#A67042
50.0%	50.0% #9F6537	RGB 159 101 55	#9F6537
66.7%	66.7% #985B2C	RGB 152 91 44	#985B2C
83.3%	83.3% #915122	RGB 145 81 34	#915122
100.0%	100.0% #8B4819	RGB 139 72 25	#8B4819

#B4865C #AD7A4E #A67042 #9F6537 #985B2C #915122 #8B4819

#B4865C - #9F6537 - #8B4819

CSS codes

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

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