#5D3E5E - #430449 | 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 #5D3E5E to #430449

#5D3E5E #430449

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

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

0.0%	0.0% #5D3E5E	RGB 93 62 94	#5D3E5E
16.7%	16.7% #58345A	RGB 88 52 90	#58345A
33.3%	33.3% #542A57	RGB 84 42 87	#542A57
50.0%	50.0% #502153	RGB 80 33 83	#502153
66.7%	66.7% #4B1750	RGB 75 23 80	#4B1750
83.3%	83.3% #470D4C	RGB 71 13 76	#470D4C
100.0%	100.0% #430449	RGB 67 4 73	#430449

#5D3E5E #58345A #542A57 #502153 #4B1750 #470D4C #430449

#5D3E5E - #430449

HSV Blend

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

0.0%	0.0% #5D3E5E	RGB 93 62 94	#5D3E5E
16.7%	16.7% #58325A	RGB 88 50 90	#58325A
33.3%	33.3% #542757	RGB 84 39 87	#542757
50.0%	50.0% #501D53	RGB 80 29 83	#501D53
66.7%	66.7% #4B1450	RGB 75 20 80	#4B1450
83.3%	83.3% #470B4C	RGB 71 11 76	#470B4C
100.0%	100.0% #430449	RGB 67 4 73	#430449

#5D3E5E #58325A #542757 #501D53 #4B1450 #470B4C #430449

#5D3E5E - #501D53 - #430449

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D3E5E 0%, #501D53 50%, #430449 100%);
    background: -webkit-linear-gradient(top, #5D3E5E 0%, #501D53 50%, #430449 100%);
    background: linear-gradient(to bottom, #5D3E5E 0%, #501D53 50%, #430449 100%);
}
</style>