#B9ABC3 - #9155AB | 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 #B9ABC3 to #9155AB

#B9ABC3 #9155AB

Calculate the color between two colors, #B9ABC3 and #9155AB. 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)

#B9ABC3 - #9155AB | 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 #B9ABC3 as 0% and #9155AB as 100%.

0.0%	0.0% #B9ABC3	RGB 185 171 195	#B9ABC3
16.7%	16.7% #B29CBF	RGB 178 156 191	#B29CBF
33.3%	33.3% #AB8EBB	RGB 171 142 187	#AB8EBB
50.0%	50.0% #A580B7	RGB 165 128 183	#A580B7
66.7%	66.7% #9E71B3	RGB 158 113 179	#9E71B3
83.3%	83.3% #9763AF	RGB 151 99 175	#9763AF
100.0%	100.0% #9155AB	RGB 145 85 171	#9155AB

#B9ABC3 #B29CBF #AB8EBB #A580B7 #9E71B3 #9763AF #9155AB

#B9ABC3 - #9155AB

HSV Blend

#B9ABC3 - #9155AB | 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 #B9ABC3 as 0% and #9155AB as 100%.

0.0%	0.0% #B9ABC3	RGB 185 171 195	#B9ABC3
16.7%	16.7% #B09BBF	RGB 176 155 191	#B09BBF
33.3%	33.3% #A98CBB	RGB 169 140 187	#A98CBB
50.0%	50.0% #A27DB7	RGB 162 125 183	#A27DB7
66.7%	66.7% #9C6FB3	RGB 156 111 179	#9C6FB3
83.3%	83.3% #9662AF	RGB 150 98 175	#9662AF
100.0%	100.0% #9155AB	RGB 145 85 171	#9155AB

#B9ABC3 #B09BBF #A98CBB #A27DB7 #9C6FB3 #9662AF #9155AB

#B9ABC3 - #A27DB7 - #9155AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9ABC3 0%, #A27DB7 50%, #9155AB 100%);
    background: -webkit-linear-gradient(top, #B9ABC3 0%, #A27DB7 50%, #9155AB 100%);
    background: linear-gradient(to bottom, #B9ABC3 0%, #A27DB7 50%, #9155AB 100%);
}
</style>