#5A3C5E - #330843 | 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 #5A3C5E to #330843

#5A3C5E #330843

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

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

0.0%	0.0% #5A3C5E	RGB 90 60 94	#5A3C5E
16.7%	16.7% #533359	RGB 83 51 89	#533359
33.3%	33.3% #4D2A55	RGB 77 42 85	#4D2A55
50.0%	50.0% #462250	RGB 70 34 80	#462250
66.7%	66.7% #40194C	RGB 64 25 76	#40194C
83.3%	83.3% #391047	RGB 57 16 71	#391047
100.0%	100.0% #330843	RGB 51 8 67	#330843

#5A3C5E #533359 #4D2A55 #462250 #40194C #391047 #330843

#5A3C5E - #330843

HSV Blend

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

0.0%	0.0% #5A3C5E	RGB 90 60 94	#5A3C5E
16.7%	16.7% #533159	RGB 83 49 89	#533159
33.3%	33.3% #4D2755	RGB 77 39 85	#4D2755
50.0%	50.0% #461E50	RGB 70 30 80	#461E50
66.7%	66.7% #40164C	RGB 64 22 76	#40164C
83.3%	83.3% #390E47	RGB 57 14 71	#390E47
100.0%	100.0% #330843	RGB 51 8 67	#330843

#5A3C5E #533159 #4D2755 #461E50 #40164C #390E47 #330843

#5A3C5E - #461E50 - #330843

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A3C5E 0%, #461E50 50%, #330843 100%);
    background: -webkit-linear-gradient(top, #5A3C5E 0%, #461E50 50%, #330843 100%);
    background: linear-gradient(to bottom, #5A3C5E 0%, #461E50 50%, #330843 100%);
}
</style>