#5D3C5E - #330442 | 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 #5D3C5E to #330442

#5D3C5E #330442

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

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

0.0%	0.0% #5D3C5E	RGB 93 60 94	#5D3C5E
16.7%	16.7% #563259	RGB 86 50 89	#563259
33.3%	33.3% #4F2954	RGB 79 41 84	#4F2954
50.0%	50.0% #482050	RGB 72 32 80	#482050
66.7%	66.7% #41164B	RGB 65 22 75	#41164B
83.3%	83.3% #3A0D46	RGB 58 13 70	#3A0D46
100.0%	100.0% #330442	RGB 51 4 66	#330442

#5D3C5E #563259 #4F2954 #482050 #41164B #3A0D46 #330442

#5D3C5E - #330442

HSV Blend

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

0.0%	0.0% #5D3C5E	RGB 93 60 94	#5D3C5E
16.7%	16.7% #563059	RGB 86 48 89	#563059
33.3%	33.3% #4F2554	RGB 79 37 84	#4F2554
50.0%	50.0% #481B50	RGB 72 27 80	#481B50
66.7%	66.7% #41134B	RGB 65 19 75	#41134B
83.3%	83.3% #3A0B46	RGB 58 11 70	#3A0B46
100.0%	100.0% #330442	RGB 51 4 66	#330442

#5D3C5E #563059 #4F2554 #481B50 #41134B #3A0B46 #330442

#5D3C5E - #481B50 - #330442

CSS codes

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

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