#B6A57A - #8F682B | 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 #B6A57A to #8F682B

#B6A57A #8F682B

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

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

0.0%	0.0% #B6A57A	RGB 182 165 122	#B6A57A
16.7%	16.7% #AF9A6C	RGB 175 154 108	#AF9A6C
33.3%	33.3% #A9905F	RGB 169 144 95	#A9905F
50.0%	50.0% #A28652	RGB 162 134 82	#A28652
66.7%	66.7% #9C7C45	RGB 156 124 69	#9C7C45
83.3%	83.3% #957238	RGB 149 114 56	#957238
100.0%	100.0% #8F682B	RGB 143 104 43	#8F682B

#B6A57A #AF9A6C #A9905F #A28652 #9C7C45 #957238 #8F682B

#B6A57A - #8F682B

HSV Blend

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

0.0%	0.0% #B6A57A	RGB 182 165 122	#B6A57A
16.7%	16.7% #AF9A6A	RGB 175 154 106	#AF9A6A
33.3%	33.3% #A9905C	RGB 169 144 92	#A9905C
50.0%	50.0% #A2864E	RGB 162 134 78	#A2864E
66.7%	66.7% #9C7C42	RGB 156 124 66	#9C7C42
83.3%	83.3% #957236	RGB 149 114 54	#957236
100.0%	100.0% #8F682B	RGB 143 104 43	#8F682B

#B6A57A #AF9A6A #A9905C #A2864E #9C7C42 #957236 #8F682B

#B6A57A - #A2864E - #8F682B

CSS codes

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

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