#9F3EB6 - #4B005A | 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 #9F3EB6 to #4B005A

#9F3EB6 #4B005A

Calculate the color between two colors, #9F3EB6 and #4B005A. 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)

#9F3EB6 - #4B005A | 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 #9F3EB6 as 0% and #4B005A as 100%.

0.0%	0.0% #9F3EB6	RGB 159 62 182	#9F3EB6
16.7%	16.7% #9133A6	RGB 145 51 166	#9133A6
33.3%	33.3% #832997	RGB 131 41 151	#832997
50.0%	50.0% #751F88	RGB 117 31 136	#751F88
66.7%	66.7% #671478	RGB 103 20 120	#671478
83.3%	83.3% #590A69	RGB 89 10 105	#590A69
100.0%	100.0% #4B005A	RGB 75 0 90	#4B005A

#9F3EB6 #9133A6 #832997 #751F88 #671478 #590A69 #4B005A

#9F3EB6 - #4B005A

HSV Blend

#9F3EB6 - #4B005A | 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 #9F3EB6 as 0% and #4B005A as 100%.

0.0%	0.0% #9F3EB6	RGB 159 62 182	#9F3EB6
16.7%	16.7% #902FA6	RGB 144 47 166	#902FA6
33.3%	33.3% #812297	RGB 129 34 151	#812297
50.0%	50.0% #731788	RGB 115 23 136	#731788
66.7%	66.7% #650D78	RGB 101 13 120	#650D78
83.3%	83.3% #580569	RGB 88 5 105	#580569
100.0%	100.0% #4B005A	RGB 75 0 90	#4B005A

#9F3EB6 #902FA6 #812297 #731788 #650D78 #580569 #4B005A

#9F3EB6 - #731788 - #4B005A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F3EB6 0%, #731788 50%, #4B005A 100%);
    background: -webkit-linear-gradient(top, #9F3EB6 0%, #731788 50%, #4B005A 100%);
    background: linear-gradient(to bottom, #9F3EB6 0%, #731788 50%, #4B005A 100%);
}
</style>