#BA3C7A - #E76CC8 | 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 #BA3C7A to #E76CC8

#BA3C7A #E76CC8

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

#BA3C7A - #E76CC8 | 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 #BA3C7A as 0% and #E76CC8 as 100%.

0.0%	0.0% #BA3C7A	RGB 186 60 122	#BA3C7A
16.7%	16.7% #C14487	RGB 193 68 135	#C14487
33.3%	33.3% #C94C94	RGB 201 76 148	#C94C94
50.0%	50.0% #D054A1	RGB 208 84 161	#D054A1
66.7%	66.7% #D85CAE	RGB 216 92 174	#D85CAE
83.3%	83.3% #DF64BB	RGB 223 100 187	#DF64BB
100.0%	100.0% #E76CC8	RGB 231 108 200	#E76CC8

#BA3C7A #C14487 #C94C94 #D054A1 #D85CAE #DF64BB #E76CC8

#BA3C7A - #E76CC8

HSV Blend

#BA3C7A - #E76CC8 | 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 #BA3C7A as 0% and #E76CC8 as 100%.

0.0%	0.0% #BA3C79	RGB 186 60 121	#BA3C79
16.7%	16.7% #C14386	RGB 193 67 134	#C14386
33.3%	33.3% #C94A93	RGB 201 74 147	#C94A93
50.0%	50.0% #D052A0	RGB 208 82 160	#D052A0
66.7%	66.7% #D85AAD	RGB 216 90 173	#D85AAD
83.3%	83.3% #DF63BA	RGB 223 99 186	#DF63BA
100.0%	100.0% #E76CC8	RGB 231 108 200	#E76CC8

#BA3C79 #C14386 #C94A93 #D052A0 #D85AAD #DF63BA #E76CC8

#BA3C7A - #D052A0 - #E76CC8

CSS codes

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

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