#5D3E5E - #320442 | 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 #320442

#5D3E5E #320442

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

0.0%	0.0% #5D3E5E	RGB 93 62 94	#5D3E5E
16.7%	16.7% #553459	RGB 85 52 89	#553459
33.3%	33.3% #4E2A54	RGB 78 42 84	#4E2A54
50.0%	50.0% #472150	RGB 71 33 80	#472150
66.7%	66.7% #40174B	RGB 64 23 75	#40174B
83.3%	83.3% #390D46	RGB 57 13 70	#390D46
100.0%	100.0% #320442	RGB 50 4 66	#320442

#5D3E5E #553459 #4E2A54 #472150 #40174B #390D46 #320442

#5D3E5E - #320442

HSV Blend

#5D3E5E - #320442 | 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 #320442 as 100%.

0.0%	0.0% #5D3E5E	RGB 93 62 94	#5D3E5E
16.7%	16.7% #563259	RGB 86 50 89	#563259
33.3%	33.3% #4F2654	RGB 79 38 84	#4F2654
50.0%	50.0% #481C50	RGB 72 28 80	#481C50
66.7%	66.7% #41134B	RGB 65 19 75	#41134B
83.3%	83.3% #390B46	RGB 57 11 70	#390B46
100.0%	100.0% #320442	RGB 50 4 66	#320442

#5D3E5E #563259 #4F2654 #481C50 #41134B #390B46 #320442

#5D3E5E - #481C50 - #320442

CSS codes

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

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