#BFBDC2 - #8D649A | 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 #BFBDC2 to #8D649A

#BFBDC2 #8D649A

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

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

0.0%	0.0% #BFBDC2	RGB 191 189 194	#BFBDC2
16.7%	16.7% #B6AEBB	RGB 182 174 187	#B6AEBB
33.3%	33.3% #AE9FB4	RGB 174 159 180	#AE9FB4
50.0%	50.0% #A690AE	RGB 166 144 174	#A690AE
66.7%	66.7% #9D81A7	RGB 157 129 167	#9D81A7
83.3%	83.3% #9572A0	RGB 149 114 160	#9572A0
100.0%	100.0% #8D649A	RGB 141 100 154	#8D649A

#BFBDC2 #B6AEBB #AE9FB4 #A690AE #9D81A7 #9572A0 #8D649A

#BFBDC2 - #8D649A

HSV Blend

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

0.0%	0.0% #BFBDC2	RGB 191 189 194	#BFBDC2
16.7%	16.7% #B3ACBB	RGB 179 172 187	#B3ACBB
33.3%	33.3% #A99CB4	RGB 169 156 180	#A99CB4
50.0%	50.0% #A08DAE	RGB 160 141 174	#A08DAE
66.7%	66.7% #987EA7	RGB 152 126 167	#987EA7
83.3%	83.3% #9271A0	RGB 146 113 160	#9271A0
100.0%	100.0% #8D649A	RGB 141 100 154	#8D649A

#BFBDC2 #B3ACBB #A99CB4 #A08DAE #987EA7 #9271A0 #8D649A

#BFBDC2 - #A08DAE - #8D649A

CSS codes

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

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