#BA2DCC - #EBC3F0 | 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 #BA2DCC to #EBC3F0

#BA2DCC #EBC3F0

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

#BA2DCC - #EBC3F0 | 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 #BA2DCC as 0% and #EBC3F0 as 100%.

0.0%	0.0% #BA2DCC	RGB 186 45 204	#BA2DCC
16.7%	16.7% #C246D2	RGB 194 70 210	#C246D2
33.3%	33.3% #CA5FD8	RGB 202 95 216	#CA5FD8
50.0%	50.0% #D278DE	RGB 210 120 222	#D278DE
66.7%	66.7% #DA91E4	RGB 218 145 228	#DA91E4
83.3%	83.3% #E2AAEA	RGB 226 170 234	#E2AAEA
100.0%	100.0% #EBC3F0	RGB 235 195 240	#EBC3F0

#BA2DCC #C246D2 #CA5FD8 #D278DE #DA91E4 #E2AAEA #EBC3F0

#BA2DCC - #EBC3F0

HSV Blend

#BA2DCC - #EBC3F0 | 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 #BA2DCC as 0% and #EBC3F0 as 100%.

0.0%	0.0% #BA2CCC	RGB 186 44 204	#BA2CCC
16.7%	16.7% #C143D2	RGB 193 67 210	#C143D2
33.3%	33.3% #C95AD8	RGB 201 90 216	#C95AD8
50.0%	50.0% #D172DE	RGB 209 114 222	#D172DE
66.7%	66.7% #DA8CE4	RGB 218 140 228	#DA8CE4
83.3%	83.3% #E2A7EA	RGB 226 167 234	#E2A7EA
100.0%	100.0% #EBC3F0	RGB 235 195 240	#EBC3F0

#BA2CCC #C143D2 #C95AD8 #D172DE #DA8CE4 #E2A7EA #EBC3F0

#BA2DCC - #D172DE - #EBC3F0

CSS codes

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

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