#BFB0C7 - #985BAE | 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 #BFB0C7 to #985BAE

#BFB0C7 #985BAE

Calculate the color between two colors, #BFB0C7 and #985BAE. 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)

#BFB0C7 - #985BAE | 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 #BFB0C7 as 0% and #985BAE as 100%.

0.0%	0.0% #BFB0C7	RGB 191 176 199	#BFB0C7
16.7%	16.7% #B8A1C2	RGB 184 161 194	#B8A1C2
33.3%	33.3% #B293BE	RGB 178 147 190	#B293BE
50.0%	50.0% #AB85BA	RGB 171 133 186	#AB85BA
66.7%	66.7% #A577B6	RGB 165 119 182	#A577B6
83.3%	83.3% #9E69B2	RGB 158 105 178	#9E69B2
100.0%	100.0% #985BAE	RGB 152 91 174	#985BAE

#BFB0C7 #B8A1C2 #B293BE #AB85BA #A577B6 #9E69B2 #985BAE

#BFB0C7 - #985BAE

HSV Blend

#BFB0C7 - #985BAE | 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 #BFB0C7 as 0% and #985BAE as 100%.

0.0%	0.0% #BFB0C7	RGB 191 176 199	#BFB0C7
16.7%	16.7% #B7A0C2	RGB 183 160 194	#B7A0C2
33.3%	33.3% #B091BE	RGB 176 145 190	#B091BE
50.0%	50.0% #A983BA	RGB 169 131 186	#A983BA
66.7%	66.7% #A375B6	RGB 163 117 182	#A375B6
83.3%	83.3% #9D67B2	RGB 157 103 178	#9D67B2
100.0%	100.0% #985BAE	RGB 152 91 174	#985BAE

#BFB0C7 #B7A0C2 #B091BE #A983BA #A375B6 #9D67B2 #985BAE

#BFB0C7 - #A983BA - #985BAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFB0C7 0%, #A983BA 50%, #985BAE 100%);
    background: -webkit-linear-gradient(top, #BFB0C7 0%, #A983BA 50%, #985BAE 100%);
    background: linear-gradient(to bottom, #BFB0C7 0%, #A983BA 50%, #985BAE 100%);
}
</style>