#B9A6AC - #86535E | 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 #B9A6AC to #86535E

#B9A6AC #86535E

Calculate the color between two colors, #B9A6AC and #86535E. 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)

#B9A6AC - #86535E | 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 #B9A6AC as 0% and #86535E as 100%.

0.0%	0.0% #B9A6AC	RGB 185 166 172	#B9A6AC
16.7%	16.7% #B0989F	RGB 176 152 159	#B0989F
33.3%	33.3% #A88A92	RGB 168 138 146	#A88A92
50.0%	50.0% #9F7C85	RGB 159 124 133	#9F7C85
66.7%	66.7% #976E78	RGB 151 110 120	#976E78
83.3%	83.3% #8E606B	RGB 142 96 107	#8E606B
100.0%	100.0% #86535E	RGB 134 83 94	#86535E

#B9A6AC #B0989F #A88A92 #9F7C85 #976E78 #8E606B #86535E

#B9A6AC - #86535E

HSV Blend

#B9A6AC - #86535E | 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 #B9A6AC as 0% and #86535E as 100%.

0.0%	0.0% #B9A6AC	RGB 185 166 172	#B9A6AC
16.7%	16.7% #B0969E	RGB 176 150 158	#B0969E
33.3%	33.3% #A88790	RGB 168 135 144	#A88790
50.0%	50.0% #9F7883	RGB 159 120 131	#9F7883
66.7%	66.7% #976B76	RGB 151 107 118	#976B76
83.3%	83.3% #8E5E69	RGB 142 94 105	#8E5E69
100.0%	100.0% #86535E	RGB 134 83 94	#86535E

#B9A6AC #B0969E #A88790 #9F7883 #976B76 #8E5E69 #86535E

#B9A6AC - #9F7883 - #86535E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9A6AC 0%, #9F7883 50%, #86535E 100%);
    background: -webkit-linear-gradient(top, #B9A6AC 0%, #9F7883 50%, #86535E 100%);
    background: linear-gradient(to bottom, #B9A6AC 0%, #9F7883 50%, #86535E 100%);
}
</style>