#BA9EFF - #FCE4F4 | 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 #BA9EFF to #FCE4F4

#BA9EFF #FCE4F4

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

#BA9EFF - #FCE4F4 | 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 #BA9EFF as 0% and #FCE4F4 as 100%.

0.0%	0.0% #BA9EFF	RGB 186 158 255	#BA9EFF
16.7%	16.7% #C5A9FD	RGB 197 169 253	#C5A9FD
33.3%	33.3% #D0B5FB	RGB 208 181 251	#D0B5FB
50.0%	50.0% #DBC1F9	RGB 219 193 249	#DBC1F9
66.7%	66.7% #E6CCF7	RGB 230 204 247	#E6CCF7
83.3%	83.3% #F1D8F5	RGB 241 216 245	#F1D8F5
100.0%	100.0% #FCE4F4	RGB 252 228 244	#FCE4F4

#BA9EFF #C5A9FD #D0B5FB #DBC1F9 #E6CCF7 #F1D8F5 #FCE4F4

#BA9EFF - #FCE4F4

HSV Blend

#BA9EFF - #FCE4F4 | 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 #BA9EFF as 0% and #FCE4F4 as 100%.

0.0%	0.0% #BA9EFF	RGB 186 158 255	#BA9EFF
16.7%	16.7% #D0A9FE	RGB 208 169 254	#D0A9FE
33.3%	33.3% #E3B5FE	RGB 227 181 254	#E3B5FE
50.0%	50.0% #F2C1FD	RGB 242 193 253	#F2C1FD
66.7%	66.7% #FCCCFD	RGB 252 204 253	#FCCCFD
83.3%	83.3% #FCD8F6	RGB 252 216 246	#FCD8F6
100.0%	100.0% #FCE4F4	RGB 252 228 244	#FCE4F4

#BA9EFF #D0A9FE #E3B5FE #F2C1FD #FCCCFD #FCD8F6 #FCE4F4

#BA9EFF - #F2C1FD - #FCE4F4

CSS codes

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

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