#BA1FBC - #FF87D1 | 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 #BA1FBC to #FF87D1

#BA1FBC #FF87D1

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

#BA1FBC - #FF87D1 | 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 #BA1FBC as 0% and #FF87D1 as 100%.

0.0%	0.0% #BA1FBC	RGB 186 31 188	#BA1FBC
16.7%	16.7% #C530BF	RGB 197 48 191	#C530BF
33.3%	33.3% #D141C3	RGB 209 65 195	#D141C3
50.0%	50.0% #DC53C6	RGB 220 83 198	#DC53C6
66.7%	66.7% #E864CA	RGB 232 100 202	#E864CA
83.3%	83.3% #F375CD	RGB 243 117 205	#F375CD
100.0%	100.0% #FF87D1	RGB 255 135 209	#FF87D1

#BA1FBC #C530BF #D141C3 #DC53C6 #E864CA #F375CD #FF87D1

#BA1FBC - #FF87D1

HSV Blend

#BA1FBC - #FF87D1 | 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 #BA1FBC as 0% and #FF87D1 as 100%.

0.0%	0.0% #BA1FBC	RGB 186 31 188	#BA1FBC
16.7%	16.7% #C72CBE	RGB 199 44 190	#C72CBE
33.3%	33.3% #D23CC0	RGB 210 60 192	#D23CC0
50.0%	50.0% #DD4CC2	RGB 221 76 194	#DD4CC2
66.7%	66.7% #E85EC6	RGB 232 94 198	#E85EC6
83.3%	83.3% #F372CA	RGB 243 114 202	#F372CA
100.0%	100.0% #FF87D1	RGB 255 135 209	#FF87D1

#BA1FBC #C72CBE #D23CC0 #DD4CC2 #E85EC6 #F372CA #FF87D1

#BA1FBC - #DD4CC2 - #FF87D1

CSS codes

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

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