#BF50C0 - #520073 | 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 #BF50C0 to #520073

#BF50C0 #520073

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

#BF50C0 - #520073 | 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 #BF50C0 as 0% and #520073 as 100%.

0.0%	0.0% #BF50C0	RGB 191 80 192	#BF50C0
16.7%	16.7% #AC42B3	RGB 172 66 179	#AC42B3
33.3%	33.3% #9A35A6	RGB 154 53 166	#9A35A6
50.0%	50.0% #882899	RGB 136 40 153	#882899
66.7%	66.7% #761A8C	RGB 118 26 140	#761A8C
83.3%	83.3% #640D7F	RGB 100 13 127	#640D7F
100.0%	100.0% #520073	RGB 82 0 115	#520073

#BF50C0 #AC42B3 #9A35A6 #882899 #761A8C #640D7F #520073

#BF50C0 - #520073

HSV Blend

#BF50C0 - #520073 | 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 #BF50C0 as 0% and #520073 as 100%.

0.0%	0.0% #BF50C0	RGB 191 80 192	#BF50C0
16.7%	16.7% #AC3EB3	RGB 172 62 179	#AC3EB3
33.3%	33.3% #9A2EA6	RGB 154 46 166	#9A2EA6
50.0%	50.0% #871F99	RGB 135 31 153	#871F99
66.7%	66.7% #75138C	RGB 117 19 140	#75138C
83.3%	83.3% #63087F	RGB 99 8 127	#63087F
100.0%	100.0% #520073	RGB 82 0 115	#520073

#BF50C0 #AC3EB3 #9A2EA6 #871F99 #75138C #63087F #520073

#BF50C0 - #871F99 - #520073

CSS codes

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

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