#BA3E99 - #FF5DDA | 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 #BA3E99 to #FF5DDA

#BA3E99 #FF5DDA

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

#BA3E99 - #FF5DDA | 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 #BA3E99 as 0% and #FF5DDA as 100%.

0.0%	0.0% #BA3E99	RGB 186 62 153	#BA3E99
16.7%	16.7% #C543A3	RGB 197 67 163	#C543A3
33.3%	33.3% #D148AE	RGB 209 72 174	#D148AE
50.0%	50.0% #DC4DB9	RGB 220 77 185	#DC4DB9
66.7%	66.7% #E852C4	RGB 232 82 196	#E852C4
83.3%	83.3% #F357CF	RGB 243 87 207	#F357CF
100.0%	100.0% #FF5DDA	RGB 255 93 218	#FF5DDA

#BA3E99 #C543A3 #D148AE #DC4DB9 #E852C4 #F357CF #FF5DDA

#BA3E99 - #FF5DDA

HSV Blend

#BA3E99 - #FF5DDA | 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 #BA3E99 as 0% and #FF5DDA as 100%.

0.0%	0.0% #BA3E99	RGB 186 62 153	#BA3E99
16.7%	16.7% #C542A3	RGB 197 66 163	#C542A3
33.3%	33.3% #D147AE	RGB 209 71 174	#D147AE
50.0%	50.0% #DC4CB9	RGB 220 76 185	#DC4CB9
66.7%	66.7% #E852C3	RGB 232 82 195	#E852C3
83.3%	83.3% #F357CE	RGB 243 87 206	#F357CE
100.0%	100.0% #FF5DDA	RGB 255 93 218	#FF5DDA

#BA3E99 #C542A3 #D147AE #DC4CB9 #E852C3 #F357CE #FF5DDA

#BA3E99 - #DC4CB9 - #FF5DDA

CSS codes

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

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