#5A3C5E - #4E0547 | 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 #4E0547

#5A3C5E #4E0547

Calculate the color between two colors, #5A3C5E and #4E0547. 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 - #4E0547 | 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 #4E0547 as 100%.

0.0%	0.0% #5A3C5E	RGB 90 60 94	#5A3C5E
16.7%	16.7% #58325A	RGB 88 50 90	#58325A
33.3%	33.3% #562956	RGB 86 41 86	#562956
50.0%	50.0% #542052	RGB 84 32 82	#542052
66.7%	66.7% #52174E	RGB 82 23 78	#52174E
83.3%	83.3% #500E4A	RGB 80 14 74	#500E4A
100.0%	100.0% #4E0547	RGB 78 5 71	#4E0547

#5A3C5E #58325A #562956 #542052 #52174E #500E4A #4E0547

#5A3C5E - #4E0547

HSV Blend

#5A3C5E - #4E0547 | 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 #4E0547 as 100%.

0.0%	0.0% #5A3C5E	RGB 90 60 94	#5A3C5E
16.7%	16.7% #57315B	RGB 87 49 91	#57315B
33.3%	33.3% #562758	RGB 86 39 88	#562758
50.0%	50.0% #551E56	RGB 85 30 86	#551E56
66.7%	66.7% #531551	RGB 83 21 81	#531551
83.3%	83.3% #500C4C	RGB 80 12 76	#500C4C
100.0%	100.0% #4E0547	RGB 78 5 71	#4E0547

#5A3C5E #57315B #562758 #551E56 #531551 #500C4C #4E0547

#5A3C5E - #551E56 - #4E0547

CSS codes

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

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