#BAA7FF - #FBF3FD | 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 #BAA7FF to #FBF3FD

#BAA7FF #FBF3FD

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

#BAA7FF - #FBF3FD | 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 #BAA7FF as 0% and #FBF3FD as 100%.

0.0%	0.0% #BAA7FF	RGB 186 167 255	#BAA7FF
16.7%	16.7% #C4B3FE	RGB 196 179 254	#C4B3FE
33.3%	33.3% #CFC0FE	RGB 207 192 254	#CFC0FE
50.0%	50.0% #DACDFE	RGB 218 205 254	#DACDFE
66.7%	66.7% #E5D9FD	RGB 229 217 253	#E5D9FD
83.3%	83.3% #F0E6FD	RGB 240 230 253	#F0E6FD
100.0%	100.0% #FBF3FD	RGB 251 243 253	#FBF3FD

#BAA7FF #C4B3FE #CFC0FE #DACDFE #E5D9FD #F0E6FD #FBF3FD

#BAA7FF - #FBF3FD

HSV Blend

#BAA7FF - #FBF3FD | 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 #BAA7FF as 0% and #FBF3FD as 100%.

0.0%	0.0% #B9A7FF	RGB 185 167 255	#B9A7FF
16.7%	16.7% #CBB3FE	RGB 203 179 254	#CBB3FE
33.3%	33.3% #D9C0FE	RGB 217 192 254	#D9C0FE
50.0%	50.0% #E5CDFE	RGB 229 205 254	#E5CDFE
66.7%	66.7% #EFD9FD	RGB 239 217 253	#EFD9FD
83.3%	83.3% #F6E6FD	RGB 246 230 253	#F6E6FD
100.0%	100.0% #FBF3FD	RGB 251 243 253	#FBF3FD

#B9A7FF #CBB3FE #D9C0FE #E5CDFE #EFD9FD #F6E6FD #FBF3FD

#BAA7FF - #E5CDFE - #FBF3FD

CSS codes

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

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