#5A2C5E - #3E0544 | 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 #5A2C5E to #3E0544

#5A2C5E #3E0544

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

#5A2C5E - #3E0544 | 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 #5A2C5E as 0% and #3E0544 as 100%.

0.0%	0.0% #5A2C5E	RGB 90 44 94	#5A2C5E
16.7%	16.7% #552559	RGB 85 37 89	#552559
33.3%	33.3% #501F55	RGB 80 31 85	#501F55
50.0%	50.0% #4C1851	RGB 76 24 81	#4C1851
66.7%	66.7% #47114C	RGB 71 17 76	#47114C
83.3%	83.3% #420B48	RGB 66 11 72	#420B48
100.0%	100.0% #3E0544	RGB 62 5 68	#3E0544

#5A2C5E #552559 #501F55 #4C1851 #47114C #420B48 #3E0544

#5A2C5E - #3E0544

HSV Blend

#5A2C5E - #3E0544 | 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 #5A2C5E as 0% and #3E0544 as 100%.

0.0%	0.0% #5A2C5E	RGB 90 44 94	#5A2C5E
16.7%	16.7% #552459	RGB 85 36 89	#552459
33.3%	33.3% #501C55	RGB 80 28 85	#501C55
50.0%	50.0% #4B1551	RGB 75 21 81	#4B1551
66.7%	66.7% #470F4C	RGB 71 15 76	#470F4C
83.3%	83.3% #420A48	RGB 66 10 72	#420A48
100.0%	100.0% #3E0544	RGB 62 5 68	#3E0544

#5A2C5E #552459 #501C55 #4B1551 #470F4C #420A48 #3E0544

#5A2C5E - #4B1551 - #3E0544

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A2C5E 0%, #4B1551 50%, #3E0544 100%);
    background: -webkit-linear-gradient(top, #5A2C5E 0%, #4B1551 50%, #3E0544 100%);
    background: linear-gradient(to bottom, #5A2C5E 0%, #4B1551 50%, #3E0544 100%);
}
</style>