#BAA3E4 - #6B3AA5 | 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 #BAA3E4 to #6B3AA5

#BAA3E4 #6B3AA5

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

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

0.0%	0.0% #BAA3E4	RGB 186 163 228	#BAA3E4
16.7%	16.7% #AC91D9	RGB 172 145 217	#AC91D9
33.3%	33.3% #9F80CF	RGB 159 128 207	#9F80CF
50.0%	50.0% #926EC4	RGB 146 110 196	#926EC4
66.7%	66.7% #855DBA	RGB 133 93 186	#855DBA
83.3%	83.3% #784BAF	RGB 120 75 175	#784BAF
100.0%	100.0% #6B3AA5	RGB 107 58 165	#6B3AA5

#BAA3E4 #AC91D9 #9F80CF #926EC4 #855DBA #784BAF #6B3AA5

#BAA3E4 - #6B3AA5

HSV Blend

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

0.0%	0.0% #BAA3E4	RGB 186 163 228	#BAA3E4
16.7%	16.7% #AA8ED9	RGB 170 142 217	#AA8ED9
33.3%	33.3% #9B7ACF	RGB 155 122 207	#9B7ACF
50.0%	50.0% #8E68C4	RGB 142 104 196	#8E68C4
66.7%	66.7% #8157BA	RGB 129 87 186	#8157BA
83.3%	83.3% #7548AF	RGB 117 72 175	#7548AF
100.0%	100.0% #6B3AA5	RGB 107 58 165	#6B3AA5

#BAA3E4 #AA8ED9 #9B7ACF #8E68C4 #8157BA #7548AF #6B3AA5

#BAA3E4 - #8E68C4 - #6B3AA5

CSS codes

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

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