#B5A45E - #8B691B | 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 #B5A45E to #8B691B

#B5A45E #8B691B

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

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

0.0%	0.0% #B5A45E	RGB 181 164 94	#B5A45E
16.7%	16.7% #AE9A52	RGB 174 154 82	#AE9A52
33.3%	33.3% #A79047	RGB 167 144 71	#A79047
50.0%	50.0% #A0863C	RGB 160 134 60	#A0863C
66.7%	66.7% #997C31	RGB 153 124 49	#997C31
83.3%	83.3% #927226	RGB 146 114 38	#927226
100.0%	100.0% #8B691B	RGB 139 105 27	#8B691B

#B5A45E #AE9A52 #A79047 #A0863C #997C31 #927226 #8B691B

#B5A45E - #8B691B

HSV Blend

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

0.0%	0.0% #B5A45E	RGB 181 164 94	#B5A45E
16.7%	16.7% #AE9A50	RGB 174 154 80	#AE9A50
33.3%	33.3% #A79044	RGB 167 144 68	#A79044
50.0%	50.0% #A08639	RGB 160 134 57	#A08639
66.7%	66.7% #997C2E	RGB 153 124 46	#997C2E
83.3%	83.3% #927224	RGB 146 114 36	#927224
100.0%	100.0% #8B691B	RGB 139 105 27	#8B691B

#B5A45E #AE9A50 #A79044 #A08639 #997C2E #927224 #8B691B

#B5A45E - #A08639 - #8B691B

CSS codes

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

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