#B6B5AB - #8B7A56 | 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 #B6B5AB to #8B7A56

#B6B5AB #8B7A56

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

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

0.0%	0.0% #B6B5AB	RGB 182 181 171	#B6B5AB
16.7%	16.7% #AEAB9C	RGB 174 171 156	#AEAB9C
33.3%	33.3% #A7A18E	RGB 167 161 142	#A7A18E
50.0%	50.0% #A09780	RGB 160 151 128	#A09780
66.7%	66.7% #998D72	RGB 153 141 114	#998D72
83.3%	83.3% #928364	RGB 146 131 100	#928364
100.0%	100.0% #8B7A56	RGB 139 122 86	#8B7A56

#B6B5AB #AEAB9C #A7A18E #A09780 #998D72 #928364 #8B7A56

#B6B5AB - #8B7A56

HSV Blend

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

0.0%	0.0% #B6B5AB	RGB 182 181 171	#B6B5AB
16.7%	16.7% #AEAC9A	RGB 174 172 154	#AEAC9A
33.3%	33.3% #A7A28B	RGB 167 162 139	#A7A28B
50.0%	50.0% #A0997D	RGB 160 153 125	#A0997D
66.7%	66.7% #998F6F	RGB 153 143 111	#998F6F
83.3%	83.3% #928462	RGB 146 132 98	#928462
100.0%	100.0% #8B7A56	RGB 139 122 86	#8B7A56

#B6B5AB #AEAC9A #A7A28B #A0997D #998F6F #928462 #8B7A56

#B6B5AB - #A0997D - #8B7A56

CSS codes

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

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