#BA3BA4 - #EBC7E5 | 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 #BA3BA4 to #EBC7E5

#BA3BA4 #EBC7E5

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

#BA3BA4 - #EBC7E5 | 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 #BA3BA4 as 0% and #EBC7E5 as 100%.

0.0%	0.0% #BA3BA4	RGB 186 59 164	#BA3BA4
16.7%	16.7% #C252AE	RGB 194 82 174	#C252AE
33.3%	33.3% #CA69B9	RGB 202 105 185	#CA69B9
50.0%	50.0% #D281C4	RGB 210 129 196	#D281C4
66.7%	66.7% #DA98CF	RGB 218 152 207	#DA98CF
83.3%	83.3% #E2AFDA	RGB 226 175 218	#E2AFDA
100.0%	100.0% #EBC7E5	RGB 235 199 229	#EBC7E5

#BA3BA4 #C252AE #CA69B9 #D281C4 #DA98CF #E2AFDA #EBC7E5

#BA3BA4 - #EBC7E5

HSV Blend

#BA3BA4 - #EBC7E5 | 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 #BA3BA4 as 0% and #EBC7E5 as 100%.

0.0%	0.0% #BA3BA4	RGB 186 59 164	#BA3BA4
16.7%	16.7% #C24EAE	RGB 194 78 174	#C24EAE
33.3%	33.3% #CA63B8	RGB 202 99 184	#CA63B8
50.0%	50.0% #D27AC3	RGB 210 122 195	#D27AC3
66.7%	66.7% #DA92CE	RGB 218 146 206	#DA92CE
83.3%	83.3% #E2ACD9	RGB 226 172 217	#E2ACD9
100.0%	100.0% #EBC7E5	RGB 235 199 229	#EBC7E5

#BA3BA4 #C24EAE #CA63B8 #D27AC3 #DA92CE #E2ACD9 #EBC7E5

#BA3BA4 - #D27AC3 - #EBC7E5

CSS codes

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

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