#B5B6B1 - #8D855C | 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 #B5B6B1 to #8D855C

#B5B6B1 #8D855C

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

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

0.0%	0.0% #B5B6B1	RGB 181 182 177	#B5B6B1
16.7%	16.7% #AEADA2	RGB 174 173 162	#AEADA2
33.3%	33.3% #A7A594	RGB 167 165 148	#A7A594
50.0%	50.0% #A19D86	RGB 161 157 134	#A19D86
66.7%	66.7% #9A9578	RGB 154 149 120	#9A9578
83.3%	83.3% #938D6A	RGB 147 141 106	#938D6A
100.0%	100.0% #8D855C	RGB 141 133 92	#8D855C

#B5B6B1 #AEADA2 #A7A594 #A19D86 #9A9578 #938D6A #8D855C

#B5B6B1 - #8D855C

HSV Blend

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

0.0%	0.0% #B5B6B1	RGB 181 182 177	#B5B6B1
16.7%	16.7% #ADAFA1	RGB 173 175 161	#ADAFA1
33.3%	33.3% #A6A891	RGB 166 168 145	#A6A891
50.0%	50.0% #A0A183	RGB 160 161 131	#A0A183
66.7%	66.7% #9A9975	RGB 154 153 117	#9A9975
83.3%	83.3% #938F68	RGB 147 143 104	#938F68
100.0%	100.0% #8D855C	RGB 141 133 92	#8D855C

#B5B6B1 #ADAFA1 #A6A891 #A0A183 #9A9975 #938F68 #8D855C

#B5B6B1 - #A0A183 - #8D855C

CSS codes

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

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