#5E0091 - #BB46B9 | 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 #5E0091 to #BB46B9

#5E0091 #BB46B9

Calculate the color between two colors, #5E0091 and #BB46B9. 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)

#5E0091 - #BB46B9 | 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 #5E0091 as 0% and #BB46B9 as 100%.

0.0%	0.0% #5E0091	RGB 94 0 145	#5E0091
16.7%	16.7% #6D0B97	RGB 109 11 151	#6D0B97
33.3%	33.3% #7D179E	RGB 125 23 158	#7D179E
50.0%	50.0% #8C23A5	RGB 140 35 165	#8C23A5
66.7%	66.7% #9C2EAB	RGB 156 46 171	#9C2EAB
83.3%	83.3% #AB3AB2	RGB 171 58 178	#AB3AB2
100.0%	100.0% #BB46B9	RGB 187 70 185	#BB46B9

#5E0091 #6D0B97 #7D179E #8C23A5 #9C2EAB #AB3AB2 #BB46B9

#5E0091 - #BB46B9

HSV Blend

#5E0091 - #BB46B9 | 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 #5E0091 as 0% and #BB46B9 as 100%.

0.0%	0.0% #5D0091	RGB 93 0 145	#5D0091
16.7%	16.7% #6E0998	RGB 110 9 152	#6E0998
33.3%	33.3% #7F139F	RGB 127 19 159	#7F139F
50.0%	50.0% #8F1FA6	RGB 143 31 166	#8F1FA6
66.7%	66.7% #9F2BAD	RGB 159 43 173	#9F2BAD
83.3%	83.3% #AE38B4	RGB 174 56 180	#AE38B4
100.0%	100.0% #BB46B9	RGB 187 70 185	#BB46B9

#5D0091 #6E0998 #7F139F #8F1FA6 #9F2BAD #AE38B4 #BB46B9

#5E0091 - #8F1FA6 - #BB46B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D0091 0%, #8F1FA6 50%, #BB46B9 100%);
    background: -webkit-linear-gradient(top, #5D0091 0%, #8F1FA6 50%, #BB46B9 100%);
    background: linear-gradient(to bottom, #5D0091 0%, #8F1FA6 50%, #BB46B9 100%);
}
</style>