#B2B1AC - #8C7F57 | 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 #B2B1AC to #8C7F57

#B2B1AC #8C7F57

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

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

0.0%	0.0% #B2B1AC	RGB 178 177 172	#B2B1AC
16.7%	16.7% #ABA89D	RGB 171 168 157	#ABA89D
33.3%	33.3% #A5A08F	RGB 165 160 143	#A5A08F
50.0%	50.0% #9F9881	RGB 159 152 129	#9F9881
66.7%	66.7% #988F73	RGB 152 143 115	#988F73
83.3%	83.3% #928765	RGB 146 135 101	#928765
100.0%	100.0% #8C7F57	RGB 140 127 87	#8C7F57

#B2B1AC #ABA89D #A5A08F #9F9881 #988F73 #928765 #8C7F57

#B2B1AC - #8C7F57

HSV Blend

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

0.0%	0.0% #B2B1AC	RGB 178 177 172	#B2B1AC
16.7%	16.7% #ABA89C	RGB 171 168 156	#ABA89C
33.3%	33.3% #A5A08C	RGB 165 160 140	#A5A08C
50.0%	50.0% #9F987E	RGB 159 152 126	#9F987E
66.7%	66.7% #988F70	RGB 152 143 112	#988F70
83.3%	83.3% #928763	RGB 146 135 99	#928763
100.0%	100.0% #8C7F57	RGB 140 127 87	#8C7F57

#B2B1AC #ABA89C #A5A08C #9F987E #988F70 #928763 #8C7F57

#B2B1AC - #9F987E - #8C7F57

CSS codes

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

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