#B5A06F - #8D6324 | 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 #B5A06F to #8D6324

#B5A06F #8D6324

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

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

0.0%	0.0% #B5A06F	RGB 181 160 111	#B5A06F
16.7%	16.7% #AE9562	RGB 174 149 98	#AE9562
33.3%	33.3% #A78B56	RGB 167 139 86	#A78B56
50.0%	50.0% #A18149	RGB 161 129 73	#A18149
66.7%	66.7% #9A773D	RGB 154 119 61	#9A773D
83.3%	83.3% #936D30	RGB 147 109 48	#936D30
100.0%	100.0% #8D6324	RGB 141 99 36	#8D6324

#B5A06F #AE9562 #A78B56 #A18149 #9A773D #936D30 #8D6324

#B5A06F - #8D6324

HSV Blend

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

0.0%	0.0% #B5A06F	RGB 181 160 111	#B5A06F
16.7%	16.7% #AE9560	RGB 174 149 96	#AE9560
33.3%	33.3% #A78B52	RGB 167 139 82	#A78B52
50.0%	50.0% #A18145	RGB 161 129 69	#A18145
66.7%	66.7% #9A7639	RGB 154 118 57	#9A7639
83.3%	83.3% #936C2E	RGB 147 108 46	#936C2E
100.0%	100.0% #8D6324	RGB 141 99 36	#8D6324

#B5A06F #AE9560 #A78B52 #A18145 #9A7639 #936C2E #8D6324

#B5A06F - #A18145 - #8D6324

CSS codes

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

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