#BA8CDA - #A7B6FF | 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 #BA8CDA to #A7B6FF

#BA8CDA #A7B6FF

Calculate the color between two colors, #BA8CDA and #A7B6FF. 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)

#BA8CDA - #A7B6FF | 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 #BA8CDA as 0% and #A7B6FF as 100%.

0.0%	0.0% #BA8CDA	RGB 186 140 218	#BA8CDA
16.7%	16.7% #B693E0	RGB 182 147 224	#B693E0
33.3%	33.3% #B39AE6	RGB 179 154 230	#B39AE6
50.0%	50.0% #B0A1EC	RGB 176 161 236	#B0A1EC
66.7%	66.7% #ADA8F2	RGB 173 168 242	#ADA8F2
83.3%	83.3% #AAAFF8	RGB 170 175 248	#AAAFF8
100.0%	100.0% #A7B6FF	RGB 167 182 255	#A7B6FF

#BA8CDA #B693E0 #B39AE6 #B0A1EC #ADA8F2 #AAAFF8 #A7B6FF

#BA8CDA - #A7B6FF

HSV Blend

#BA8CDA - #A7B6FF | 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 #BA8CDA as 0% and #A7B6FF as 100%.

0.0%	0.0% #BA8CDA	RGB 186 140 218	#BA8CDA
16.7%	16.7% #B590E0	RGB 181 144 224	#B590E0
33.3%	33.3% #B094E6	RGB 176 148 230	#B094E6
50.0%	50.0% #AA99EC	RGB 170 153 236	#AA99EC
66.7%	66.7% #A49DF2	RGB 164 157 242	#A49DF2
83.3%	83.3% #A2A6F8	RGB 162 166 248	#A2A6F8
100.0%	100.0% #A7B6FF	RGB 167 182 255	#A7B6FF

#BA8CDA #B590E0 #B094E6 #AA99EC #A49DF2 #A2A6F8 #A7B6FF

#BA8CDA - #AA99EC - #A7B6FF

CSS codes

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

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