#B2B6AF - #8C875A | 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 #B2B6AF to #8C875A

#B2B6AF #8C875A

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

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

0.0%	0.0% #B2B6AF	RGB 178 182 175	#B2B6AF
16.7%	16.7% #ABAEA0	RGB 171 174 160	#ABAEA0
33.3%	33.3% #A5A692	RGB 165 166 146	#A5A692
50.0%	50.0% #9F9E84	RGB 159 158 132	#9F9E84
66.7%	66.7% #989676	RGB 152 150 118	#989676
83.3%	83.3% #928E68	RGB 146 142 104	#928E68
100.0%	100.0% #8C875A	RGB 140 135 90	#8C875A

#B2B6AF #ABAEA0 #A5A692 #9F9E84 #989676 #928E68 #8C875A

#B2B6AF - #8C875A

HSV Blend

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

0.0%	0.0% #B2B6AF	RGB 178 182 175	#B2B6AF
16.7%	16.7% #A7AF9E	RGB 167 175 158	#A7AF9E
33.3%	33.3% #9FA88F	RGB 159 168 143	#9FA88F
50.0%	50.0% #99A181	RGB 153 161 129	#99A181
66.7%	66.7% #959A73	RGB 149 154 115	#959A73
83.3%	83.3% #929366	RGB 146 147 102	#929366
100.0%	100.0% #8C875A	RGB 140 135 90	#8C875A

#B2B6AF #A7AF9E #9FA88F #99A181 #959A73 #929366 #8C875A

#B2B6AF - #99A181 - #8C875A

CSS codes

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

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