#BA3C8D - #EBC7DE | 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 #BA3C8D to #EBC7DE

#BA3C8D #EBC7DE

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

#BA3C8D - #EBC7DE | 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 #BA3C8D as 0% and #EBC7DE as 100%.

0.0%	0.0% #BA3C8D	RGB 186 60 141	#BA3C8D
16.7%	16.7% #C2539A	RGB 194 83 154	#C2539A
33.3%	33.3% #CA6AA8	RGB 202 106 168	#CA6AA8
50.0%	50.0% #D281B5	RGB 210 129 181	#D281B5
66.7%	66.7% #DA98C3	RGB 218 152 195	#DA98C3
83.3%	83.3% #E2AFD0	RGB 226 175 208	#E2AFD0
100.0%	100.0% #EBC7DE	RGB 235 199 222	#EBC7DE

#BA3C8D #C2539A #CA6AA8 #D281B5 #DA98C3 #E2AFD0 #EBC7DE

#BA3C8D - #EBC7DE

HSV Blend

#BA3C8D - #EBC7DE | 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 #BA3C8D as 0% and #EBC7DE as 100%.

0.0%	0.0% #BA3C8D	RGB 186 60 141	#BA3C8D
16.7%	16.7% #C24F99	RGB 194 79 153	#C24F99
33.3%	33.3% #CA64A5	RGB 202 100 165	#CA64A5
50.0%	50.0% #D27BB3	RGB 210 123 179	#D27BB3
66.7%	66.7% #DA92C0	RGB 218 146 192	#DA92C0
83.3%	83.3% #E2ACCF	RGB 226 172 207	#E2ACCF
100.0%	100.0% #EBC7DE	RGB 235 199 222	#EBC7DE

#BA3C8D #C24F99 #CA64A5 #D27BB3 #DA92C0 #E2ACCF #EBC7DE

#BA3C8D - #D27BB3 - #EBC7DE

CSS codes

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

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