#B7AF91 - #8F733D | 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 #B7AF91 to #8F733D

#B7AF91 #8F733D

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

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

0.0%	0.0% #B7AF91	RGB 183 175 145	#B7AF91
16.7%	16.7% #B0A583	RGB 176 165 131	#B0A583
33.3%	33.3% #A99B75	RGB 169 155 117	#A99B75
50.0%	50.0% #A39167	RGB 163 145 103	#A39167
66.7%	66.7% #9C8759	RGB 156 135 89	#9C8759
83.3%	83.3% #957D4B	RGB 149 125 75	#957D4B
100.0%	100.0% #8F733D	RGB 143 115 61	#8F733D

#B7AF91 #B0A583 #A99B75 #A39167 #9C8759 #957D4B #8F733D

#B7AF91 - #8F733D

HSV Blend

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

0.0%	0.0% #B7AF91	RGB 183 175 145	#B7AF91
16.7%	16.7% #B0A580	RGB 176 165 128	#B0A580
33.3%	33.3% #A99B71	RGB 169 155 113	#A99B71
50.0%	50.0% #A39163	RGB 163 145 99	#A39163
66.7%	66.7% #9C8755	RGB 156 135 85	#9C8755
83.3%	83.3% #957D48	RGB 149 125 72	#957D48
100.0%	100.0% #8F733D	RGB 143 115 61	#8F733D

#B7AF91 #B0A580 #A99B71 #A39163 #9C8755 #957D48 #8F733D

#B7AF91 - #A39163 - #8F733D

CSS codes

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

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