#B9A8CB - #8952B3 | 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 #B9A8CB to #8952B3

#B9A8CB #8952B3

Calculate the color between two colors, #B9A8CB and #8952B3. 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)

#B9A8CB - #8952B3 | 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 #B9A8CB as 0% and #8952B3 as 100%.

0.0%	0.0% #B9A8CB	RGB 185 168 203	#B9A8CB
16.7%	16.7% #B199C7	RGB 177 153 199	#B199C7
33.3%	33.3% #A98BC3	RGB 169 139 195	#A98BC3
50.0%	50.0% #A17DBF	RGB 161 125 191	#A17DBF
66.7%	66.7% #996EBB	RGB 153 110 187	#996EBB
83.3%	83.3% #9160B7	RGB 145 96 183	#9160B7
100.0%	100.0% #8952B3	RGB 137 82 179	#8952B3

#B9A8CB #B199C7 #A98BC3 #A17DBF #996EBB #9160B7 #8952B3

#B9A8CB - #8952B3

HSV Blend

#B9A8CB - #8952B3 | 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 #B9A8CB as 0% and #8952B3 as 100%.

0.0%	0.0% #B9A8CB	RGB 185 168 203	#B9A8CB
16.7%	16.7% #AF98C7	RGB 175 152 199	#AF98C7
33.3%	33.3% #A689C3	RGB 166 137 195	#A689C3
50.0%	50.0% #9E7ABF	RGB 158 122 191	#9E7ABF
66.7%	66.7% #966CBB	RGB 150 108 187	#966CBB
83.3%	83.3% #8F5FB7	RGB 143 95 183	#8F5FB7
100.0%	100.0% #8952B3	RGB 137 82 179	#8952B3

#B9A8CB #AF98C7 #A689C3 #9E7ABF #966CBB #8F5FB7 #8952B3

#B9A8CB - #9E7ABF - #8952B3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9A8CB 0%, #9E7ABF 50%, #8952B3 100%);
    background: -webkit-linear-gradient(top, #B9A8CB 0%, #9E7ABF 50%, #8952B3 100%);
    background: linear-gradient(to bottom, #B9A8CB 0%, #9E7ABF 50%, #8952B3 100%);
}
</style>