#BA1FBC - #39006C | 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 #39006C

#BA1FBC #39006C

Calculate the color between two colors, #BA1FBC and #39006C. 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 - #39006C | 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 #39006C as 100%.

0.0%	0.0% #BA1FBC	RGB 186 31 188	#BA1FBC
16.7%	16.7% #A419AE	RGB 164 25 174	#A419AE
33.3%	33.3% #8F14A1	RGB 143 20 161	#8F14A1
50.0%	50.0% #790F94	RGB 121 15 148	#790F94
66.7%	66.7% #640A86	RGB 100 10 134	#640A86
83.3%	83.3% #4E0579	RGB 78 5 121	#4E0579
100.0%	100.0% #39006C	RGB 57 0 108	#39006C

#BA1FBC #A419AE #8F14A1 #790F94 #640A86 #4E0579 #39006C

#BA1FBC - #39006C

HSV Blend

#BA1FBC - #39006C | 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 #39006C as 100%.

0.0%	0.0% #BA1FBC	RGB 186 31 188	#BA1FBC
16.7%	16.7% #A118AE	RGB 161 24 174	#A118AE
33.3%	33.3% #8911A1	RGB 137 17 161	#8911A1
50.0%	50.0% #730C94	RGB 115 12 148	#730C94
66.7%	66.7% #5E0786	RGB 94 7 134	#5E0786
83.3%	83.3% #4A0379	RGB 74 3 121	#4A0379
100.0%	100.0% #39006C	RGB 57 0 108	#39006C

#BA1FBC #A118AE #8911A1 #730C94 #5E0786 #4A0379 #39006C

#BA1FBC - #730C94 - #39006C

CSS codes

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

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