#5E2D5A - #33052A | 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 #5E2D5A to #33052A

#5E2D5A #33052A

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

#5E2D5A - #33052A | 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 #5E2D5A as 0% and #33052A as 100%.

0.0%	0.0% #5E2D5A	RGB 94 45 90	#5E2D5A
16.7%	16.7% #562652	RGB 86 38 82	#562652
33.3%	33.3% #4F1F4A	RGB 79 31 74	#4F1F4A
50.0%	50.0% #481942	RGB 72 25 66	#481942
66.7%	66.7% #41123A	RGB 65 18 58	#41123A
83.3%	83.3% #3A0B32	RGB 58 11 50	#3A0B32
100.0%	100.0% #33052A	RGB 51 5 42	#33052A

#5E2D5A #562652 #4F1F4A #481942 #41123A #3A0B32 #33052A

#5E2D5A - #33052A

HSV Blend

#5E2D5A - #33052A | 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 #5E2D5A as 0% and #33052A as 100%.

0.0%	0.0% #5E2D59	RGB 94 45 89	#5E2D59
16.7%	16.7% #562451	RGB 86 36 81	#562451
33.3%	33.3% #4F1C49	RGB 79 28 73	#4F1C49
50.0%	50.0% #481441	RGB 72 20 65	#481441
66.7%	66.7% #410E39	RGB 65 14 57	#410E39
83.3%	83.3% #3A0931	RGB 58 9 49	#3A0931
100.0%	100.0% #33052A	RGB 51 5 42	#33052A

#5E2D59 #562451 #4F1C49 #481441 #410E39 #3A0931 #33052A

#5E2D5A - #481441 - #33052A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D59 0%, #481441 50%, #33052A 100%);
    background: -webkit-linear-gradient(top, #5E2D59 0%, #481441 50%, #33052A 100%);
    background: linear-gradient(to bottom, #5E2D59 0%, #481441 50%, #33052A 100%);
}
</style>