#911A8C - #520034 | 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 #911A8C to #520034

#911A8C #520034

Calculate the color between two colors, #911A8C and #520034. 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)

#911A8C - #520034 | 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 #911A8C as 0% and #520034 as 100%.

0.0%	0.0% #911A8C	RGB 145 26 140	#911A8C
16.7%	16.7% #86157D	RGB 134 21 125	#86157D
33.3%	33.3% #7C116E	RGB 124 17 110	#7C116E
50.0%	50.0% #710D60	RGB 113 13 96	#710D60
66.7%	66.7% #670851	RGB 103 8 81	#670851
83.3%	83.3% #5C0442	RGB 92 4 66	#5C0442
100.0%	100.0% #520034	RGB 82 0 52	#520034

#911A8C #86157D #7C116E #710D60 #670851 #5C0442 #520034

#911A8C - #520034

HSV Blend

#911A8C - #520034 | 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 #911A8C as 0% and #520034 as 100%.

0.0%	0.0% #911A8C	RGB 145 26 140	#911A8C
16.7%	16.7% #86147B	RGB 134 20 123	#86147B
33.3%	33.3% #7C0E6B	RGB 124 14 107	#7C0E6B
50.0%	50.0% #710A5C	RGB 113 10 92	#710A5C
66.7%	66.7% #67064E	RGB 103 6 78	#67064E
83.3%	83.3% #5C0240	RGB 92 2 64	#5C0240
100.0%	100.0% #520034	RGB 82 0 52	#520034

#911A8C #86147B #7C0E6B #710A5C #67064E #5C0240 #520034

#911A8C - #710A5C - #520034

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #911A8C 0%, #710A5C 50%, #520034 100%);
    background: -webkit-linear-gradient(top, #911A8C 0%, #710A5C 50%, #520034 100%);
    background: linear-gradient(to bottom, #911A8C 0%, #710A5C 50%, #520034 100%);
}
</style>