#BA3CB9 - #EBC7EB | 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 #BA3CB9 to #EBC7EB

#BA3CB9 #EBC7EB

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

#BA3CB9 - #EBC7EB | 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 #BA3CB9 as 0% and #EBC7EB as 100%.

0.0%	0.0% #BA3CB9	RGB 186 60 185	#BA3CB9
16.7%	16.7% #C253C1	RGB 194 83 193	#C253C1
33.3%	33.3% #CA6AC9	RGB 202 106 201	#CA6AC9
50.0%	50.0% #D281D2	RGB 210 129 210	#D281D2
66.7%	66.7% #DA98DA	RGB 218 152 218	#DA98DA
83.3%	83.3% #E2AFE2	RGB 226 175 226	#E2AFE2
100.0%	100.0% #EBC7EB	RGB 235 199 235	#EBC7EB

#BA3CB9 #C253C1 #CA6AC9 #D281D2 #DA98DA #E2AFE2 #EBC7EB

#BA3CB9 - #EBC7EB

HSV Blend

#BA3CB9 - #EBC7EB | 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 #BA3CB9 as 0% and #EBC7EB as 100%.

0.0%	0.0% #BA3CB9	RGB 186 60 185	#BA3CB9
16.7%	16.7% #C24FC1	RGB 194 79 193	#C24FC1
33.3%	33.3% #CA64C9	RGB 202 100 201	#CA64C9
50.0%	50.0% #D27BD2	RGB 210 123 210	#D27BD2
66.7%	66.7% #DA92DA	RGB 218 146 218	#DA92DA
83.3%	83.3% #E2ACE2	RGB 226 172 226	#E2ACE2
100.0%	100.0% #EBC7EB	RGB 235 199 235	#EBC7EB

#BA3CB9 #C24FC1 #CA64C9 #D27BD2 #DA92DA #E2ACE2 #EBC7EB

#BA3CB9 - #D27BD2 - #EBC7EB

CSS codes

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

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