#BF3A8D - #73003E | 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 #BF3A8D to #73003E

#BF3A8D #73003E

Calculate the color between two colors, #BF3A8D and #73003E. 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)

#BF3A8D - #73003E | 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 #BF3A8D as 0% and #73003E as 100%.

0.0%	0.0% #BF3A8D	RGB 191 58 141	#BF3A8D
16.7%	16.7% #B2307F	RGB 178 48 127	#B2307F
33.3%	33.3% #A52672	RGB 165 38 114	#A52672
50.0%	50.0% #991D65	RGB 153 29 101	#991D65
66.7%	66.7% #8C1358	RGB 140 19 88	#8C1358
83.3%	83.3% #7F094B	RGB 127 9 75	#7F094B
100.0%	100.0% #73003E	RGB 115 0 62	#73003E

#BF3A8D #B2307F #A52672 #991D65 #8C1358 #7F094B #73003E

#BF3A8D - #73003E

HSV Blend

#BF3A8D - #73003E | 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 #BF3A8D as 0% and #73003E as 100%.

0.0%	0.0% #BF3A8D	RGB 191 58 141	#BF3A8D
16.7%	16.7% #B22D7E	RGB 178 45 126	#B22D7E
33.3%	33.3% #A52170	RGB 165 33 112	#A52170
50.0%	50.0% #991762	RGB 153 23 98	#991762
66.7%	66.7% #8C0E55	RGB 140 14 85	#8C0E55
83.3%	83.3% #7F0649	RGB 127 6 73	#7F0649
100.0%	100.0% #73003E	RGB 115 0 62	#73003E

#BF3A8D #B22D7E #A52170 #991762 #8C0E55 #7F0649 #73003E

#BF3A8D - #991762 - #73003E

CSS codes

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

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