#B2B0AC - #8C7057 | 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 #B2B0AC to #8C7057

#B2B0AC #8C7057

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

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

0.0%	0.0% #B2B0AC	RGB 178 176 172	#B2B0AC
16.7%	16.7% #ABA59D	RGB 171 165 157	#ABA59D
33.3%	33.3% #A59A8F	RGB 165 154 143	#A59A8F
50.0%	50.0% #9F9081	RGB 159 144 129	#9F9081
66.7%	66.7% #988573	RGB 152 133 115	#988573
83.3%	83.3% #927A65	RGB 146 122 101	#927A65
100.0%	100.0% #8C7057	RGB 140 112 87	#8C7057

#B2B0AC #ABA59D #A59A8F #9F9081 #988573 #927A65 #8C7057

#B2B0AC - #8C7057

HSV Blend

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

0.0%	0.0% #B2B0AC	RGB 178 176 172	#B2B0AC
16.7%	16.7% #ABA59C	RGB 171 165 156	#ABA59C
33.3%	33.3% #A59B8C	RGB 165 155 140	#A59B8C
50.0%	50.0% #9F907E	RGB 159 144 126	#9F907E
66.7%	66.7% #988670	RGB 152 134 112	#988670
83.3%	83.3% #927B63	RGB 146 123 99	#927B63
100.0%	100.0% #8C7057	RGB 140 112 87	#8C7057

#B2B0AC #ABA59C #A59B8C #9F907E #988670 #927B63 #8C7057

#B2B0AC - #9F907E - #8C7057

CSS codes

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

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