#B9A851 - #8D6D16 | 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 #B9A851 to #8D6D16

#B9A851 #8D6D16

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

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

0.0%	0.0% #B9A851	RGB 185 168 81	#B9A851
16.7%	16.7% #B19E47	RGB 177 158 71	#B19E47
33.3%	33.3% #AA943D	RGB 170 148 61	#AA943D
50.0%	50.0% #A38A33	RGB 163 138 51	#A38A33
66.7%	66.7% #9B8029	RGB 155 128 41	#9B8029
83.3%	83.3% #94761F	RGB 148 118 31	#94761F
100.0%	100.0% #8D6D16	RGB 141 109 22	#8D6D16

#B9A851 #B19E47 #AA943D #A38A33 #9B8029 #94761F #8D6D16

#B9A851 - #8D6D16

HSV Blend

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

0.0%	0.0% #B9A851	RGB 185 168 81	#B9A851
16.7%	16.7% #B19E45	RGB 177 158 69	#B19E45
33.3%	33.3% #AA943A	RGB 170 148 58	#AA943A
50.0%	50.0% #A38A30	RGB 163 138 48	#A38A30
66.7%	66.7% #9B8026	RGB 155 128 38	#9B8026
83.3%	83.3% #94761E	RGB 148 118 30	#94761E
100.0%	100.0% #8D6D16	RGB 141 109 22	#8D6D16

#B9A851 #B19E45 #AA943A #A38A30 #9B8026 #94761E #8D6D16

#B9A851 - #A38A30 - #8D6D16

CSS codes

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

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