#B5A6AC - #84525E | 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 #B5A6AC to #84525E

#B5A6AC #84525E

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

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

0.0%	0.0% #B5A6AC	RGB 181 166 172	#B5A6AC
16.7%	16.7% #AC989F	RGB 172 152 159	#AC989F
33.3%	33.3% #A48A92	RGB 164 138 146	#A48A92
50.0%	50.0% #9C7C85	RGB 156 124 133	#9C7C85
66.7%	66.7% #946E78	RGB 148 110 120	#946E78
83.3%	83.3% #8C606B	RGB 140 96 107	#8C606B
100.0%	100.0% #84525E	RGB 132 82 94	#84525E

#B5A6AC #AC989F #A48A92 #9C7C85 #946E78 #8C606B #84525E

#B5A6AC - #84525E

HSV Blend

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

0.0%	0.0% #B5A6AC	RGB 181 166 172	#B5A6AC
16.7%	16.7% #AC959E	RGB 172 149 158	#AC959E
33.3%	33.3% #A48691	RGB 164 134 145	#A48691
50.0%	50.0% #9C7883	RGB 156 120 131	#9C7883
66.7%	66.7% #946A76	RGB 148 106 118	#946A76
83.3%	83.3% #8C5D6A	RGB 140 93 106	#8C5D6A
100.0%	100.0% #84525E	RGB 132 82 94	#84525E

#B5A6AC #AC959E #A48691 #9C7883 #946A76 #8C5D6A #84525E

#B5A6AC - #9C7883 - #84525E

CSS codes

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

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