#B6B1B5 - #8D5C8B | 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 #B6B1B5 to #8D5C8B

#B6B1B5 #8D5C8B

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

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

0.0%	0.0% #B6B1B5	RGB 182 177 181	#B6B1B5
16.7%	16.7% #AFA2AE	RGB 175 162 174	#AFA2AE
33.3%	33.3% #A894A7	RGB 168 148 167	#A894A7
50.0%	50.0% #A186A0	RGB 161 134 160	#A186A0
66.7%	66.7% #9A7899	RGB 154 120 153	#9A7899
83.3%	83.3% #936A92	RGB 147 106 146	#936A92
100.0%	100.0% #8D5C8B	RGB 141 92 139	#8D5C8B

#B6B1B5 #AFA2AE #A894A7 #A186A0 #9A7899 #936A92 #8D5C8B

#B6B1B5 - #8D5C8B

HSV Blend

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

0.0%	0.0% #B6B1B5	RGB 182 177 181	#B6B1B5
16.7%	16.7% #AFA1AC	RGB 175 161 172	#AFA1AC
33.3%	33.3% #A891A5	RGB 168 145 165	#A891A5
50.0%	50.0% #A1839D	RGB 161 131 157	#A1839D
66.7%	66.7% #9A7597	RGB 154 117 151	#9A7597
83.3%	83.3% #936890	RGB 147 104 144	#936890
100.0%	100.0% #8D5C8B	RGB 141 92 139	#8D5C8B

#B6B1B5 #AFA1AC #A891A5 #A1839D #9A7597 #936890 #8D5C8B

#B6B1B5 - #A1839D - #8D5C8B

CSS codes

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

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