#B59F5E - #8B631B | 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 #B59F5E to #8B631B

#B59F5E #8B631B

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

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

0.0%	0.0% #B59F5E	RGB 181 159 94	#B59F5E
16.7%	16.7% #AE9552	RGB 174 149 82	#AE9552
33.3%	33.3% #A78B47	RGB 167 139 71	#A78B47
50.0%	50.0% #A0813C	RGB 160 129 60	#A0813C
66.7%	66.7% #997731	RGB 153 119 49	#997731
83.3%	83.3% #926D26	RGB 146 109 38	#926D26
100.0%	100.0% #8B631B	RGB 139 99 27	#8B631B

#B59F5E #AE9552 #A78B47 #A0813C #997731 #926D26 #8B631B

#B59F5E - #8B631B

HSV Blend

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

0.0%	0.0% #B59F5E	RGB 181 159 94	#B59F5E
16.7%	16.7% #AE9450	RGB 174 148 80	#AE9450
33.3%	33.3% #A78A44	RGB 167 138 68	#A78A44
50.0%	50.0% #A08039	RGB 160 128 57	#A08039
66.7%	66.7% #99762E	RGB 153 118 46	#99762E
83.3%	83.3% #926C24	RGB 146 108 36	#926C24
100.0%	100.0% #8B631B	RGB 139 99 27	#8B631B

#B59F5E #AE9450 #A78A44 #A08039 #99762E #926C24 #8B631B

#B59F5E - #A08039 - #8B631B

CSS codes

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

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