#BBA3E5 - #6B3AA6 | 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 #BBA3E5 to #6B3AA6

#BBA3E5 #6B3AA6

Calculate the color between two colors, #BBA3E5 and #6B3AA6. 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)

#BBA3E5 - #6B3AA6 | 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 #BBA3E5 as 0% and #6B3AA6 as 100%.

0.0%	0.0% #BBA3E5	RGB 187 163 229	#BBA3E5
16.7%	16.7% #AD91DA	RGB 173 145 218	#AD91DA
33.3%	33.3% #A080D0	RGB 160 128 208	#A080D0
50.0%	50.0% #936EC5	RGB 147 110 197	#936EC5
66.7%	66.7% #855DBB	RGB 133 93 187	#855DBB
83.3%	83.3% #784BB0	RGB 120 75 176	#784BB0
100.0%	100.0% #6B3AA6	RGB 107 58 166	#6B3AA6

#BBA3E5 #AD91DA #A080D0 #936EC5 #855DBB #784BB0 #6B3AA6

#BBA3E5 - #6B3AA6

HSV Blend

#BBA3E5 - #6B3AA6 | 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 #BBA3E5 as 0% and #6B3AA6 as 100%.

0.0%	0.0% #BAA3E5	RGB 186 163 229	#BAA3E5
16.7%	16.7% #AB8EDA	RGB 171 142 218	#AB8EDA
33.3%	33.3% #9C7AD0	RGB 156 122 208	#9C7AD0
50.0%	50.0% #8E68C5	RGB 142 104 197	#8E68C5
66.7%	66.7% #8157BB	RGB 129 87 187	#8157BB
83.3%	83.3% #7648B0	RGB 118 72 176	#7648B0
100.0%	100.0% #6B3AA6	RGB 107 58 166	#6B3AA6

#BAA3E5 #AB8EDA #9C7AD0 #8E68C5 #8157BB #7648B0 #6B3AA6

#BBA3E5 - #8E68C5 - #6B3AA6

CSS codes

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

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