#973CCC - #5A0081 | 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 #973CCC to #5A0081

#973CCC #5A0081

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

#973CCC - #5A0081 | 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 #973CCC as 0% and #5A0081 as 100%.

0.0%	0.0% #973CCC	RGB 151 60 204	#973CCC
16.7%	16.7% #8C32BF	RGB 140 50 191	#8C32BF
33.3%	33.3% #8228B3	RGB 130 40 179	#8228B3
50.0%	50.0% #781EA6	RGB 120 30 166	#781EA6
66.7%	66.7% #6E149A	RGB 110 20 154	#6E149A
83.3%	83.3% #640A8D	RGB 100 10 141	#640A8D
100.0%	100.0% #5A0081	RGB 90 0 129	#5A0081

#973CCC #8C32BF #8228B3 #781EA6 #6E149A #640A8D #5A0081

#973CCC - #5A0081

HSV Blend

#973CCC - #5A0081 | 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 #973CCC as 0% and #5A0081 as 100%.

0.0%	0.0% #963CCC	RGB 150 60 204	#963CCC
16.7%	16.7% #8B2EBF	RGB 139 46 191	#8B2EBF
33.3%	33.3% #8123B3	RGB 129 35 179	#8123B3
50.0%	50.0% #7618A6	RGB 118 24 166	#7618A6
66.7%	66.7% #6C0F9A	RGB 108 15 154	#6C0F9A
83.3%	83.3% #63068D	RGB 99 6 141	#63068D
100.0%	100.0% #5A0081	RGB 90 0 129	#5A0081

#963CCC #8B2EBF #8123B3 #7618A6 #6C0F9A #63068D #5A0081

#973CCC - #7618A6 - #5A0081

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #963CCC 0%, #7618A6 50%, #5A0081 100%);
    background: -webkit-linear-gradient(top, #963CCC 0%, #7618A6 50%, #5A0081 100%);
    background: linear-gradient(to bottom, #963CCC 0%, #7618A6 50%, #5A0081 100%);
}
</style>