#BA51FF - #E9C2FF | 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 #BA51FF to #E9C2FF

#BA51FF #E9C2FF

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

#BA51FF - #E9C2FF | 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 #BA51FF as 0% and #E9C2FF as 100%.

0.0%	0.0% #BA51FF	RGB 186 81 255	#BA51FF
16.7%	16.7% #C163FF	RGB 193 99 255	#C163FF
33.3%	33.3% #C976FF	RGB 201 118 255	#C976FF
50.0%	50.0% #D189FF	RGB 209 137 255	#D189FF
66.7%	66.7% #D99CFF	RGB 217 156 255	#D99CFF
83.3%	83.3% #E1AFFF	RGB 225 175 255	#E1AFFF
100.0%	100.0% #E9C2FF	RGB 233 194 255	#E9C2FF

#BA51FF #C163FF #C976FF #D189FF #D99CFF #E1AFFF #E9C2FF

#BA51FF - #E9C2FF

HSV Blend

#BA51FF - #E9C2FF | 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 #BA51FF as 0% and #E9C2FF as 100%.

0.0%	0.0% #B951FF	RGB 185 81 255	#B951FF
16.7%	16.7% #C263FF	RGB 194 99 255	#C263FF
33.3%	33.3% #CA76FF	RGB 202 118 255	#CA76FF
50.0%	50.0% #D289FF	RGB 210 137 255	#D289FF
66.7%	66.7% #DA9CFF	RGB 218 156 255	#DA9CFF
83.3%	83.3% #E1AFFF	RGB 225 175 255	#E1AFFF
100.0%	100.0% #E9C2FF	RGB 233 194 255	#E9C2FF

#B951FF #C263FF #CA76FF #D289FF #DA9CFF #E1AFFF #E9C2FF

#BA51FF - #D289FF - #E9C2FF

CSS codes

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

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