#B6AB8D - #8F6E3A | 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 #B6AB8D to #8F6E3A

#B6AB8D #8F6E3A

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

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

0.0%	0.0% #B6AB8D	RGB 182 171 141	#B6AB8D
16.7%	16.7% #AFA07F	RGB 175 160 127	#AFA07F
33.3%	33.3% #A99671	RGB 169 150 113	#A99671
50.0%	50.0% #A28C63	RGB 162 140 99	#A28C63
66.7%	66.7% #9C8255	RGB 156 130 85	#9C8255
83.3%	83.3% #957847	RGB 149 120 71	#957847
100.0%	100.0% #8F6E3A	RGB 143 110 58	#8F6E3A

#B6AB8D #AFA07F #A99671 #A28C63 #9C8255 #957847 #8F6E3A

#B6AB8D - #8F6E3A

HSV Blend

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

0.0%	0.0% #B6AB8D	RGB 182 171 141	#B6AB8D
16.7%	16.7% #AFA07D	RGB 175 160 125	#AFA07D
33.3%	33.3% #A9966E	RGB 169 150 110	#A9966E
50.0%	50.0% #A28C5F	RGB 162 140 95	#A28C5F
66.7%	66.7% #9C8252	RGB 156 130 82	#9C8252
83.3%	83.3% #957845	RGB 149 120 69	#957845
100.0%	100.0% #8F6E3A	RGB 143 110 58	#8F6E3A

#B6AB8D #AFA07D #A9966E #A28C5F #9C8252 #957845 #8F6E3A

#B6AB8D - #A28C5F - #8F6E3A

CSS codes

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

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