#B5A03B - #86630E | 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 #B5A03B to #86630E

#B5A03B #86630E

Calculate the color between two colors, #B5A03B and #86630E. 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)

#B5A03B - #86630E | 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 #B5A03B as 0% and #86630E as 100%.

0.0%	0.0% #B5A03B	RGB 181 160 59	#B5A03B
16.7%	16.7% #AD9533	RGB 173 149 51	#AD9533
33.3%	33.3% #A58B2C	RGB 165 139 44	#A58B2C
50.0%	50.0% #9D8124	RGB 157 129 36	#9D8124
66.7%	66.7% #95771D	RGB 149 119 29	#95771D
83.3%	83.3% #8D6D15	RGB 141 109 21	#8D6D15
100.0%	100.0% #86630E	RGB 134 99 14	#86630E

#B5A03B #AD9533 #A58B2C #9D8124 #95771D #8D6D15 #86630E

#B5A03B - #86630E

HSV Blend

#B5A03B - #86630E | 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 #B5A03B as 0% and #86630E as 100%.

0.0%	0.0% #B5A03B	RGB 181 160 59	#B5A03B
16.7%	16.7% #AD9532	RGB 173 149 50	#AD9532
33.3%	33.3% #A58B29	RGB 165 139 41	#A58B29
50.0%	50.0% #9D8021	RGB 157 128 33	#9D8021
66.7%	66.7% #95761A	RGB 149 118 26	#95761A
83.3%	83.3% #8D6C14	RGB 141 108 20	#8D6C14
100.0%	100.0% #86630E	RGB 134 99 14	#86630E

#B5A03B #AD9532 #A58B29 #9D8021 #95761A #8D6C14 #86630E

#B5A03B - #9D8021 - #86630E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5A03B 0%, #9D8021 50%, #86630E 100%);
    background: -webkit-linear-gradient(top, #B5A03B 0%, #9D8021 50%, #86630E 100%);
    background: linear-gradient(to bottom, #B5A03B 0%, #9D8021 50%, #86630E 100%);
}
</style>