#5E2B53 - #41053A | 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 #5E2B53 to #41053A

#5E2B53 #41053A

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

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

0.0%	0.0% #5E2B53	RGB 94 43 83	#5E2B53
16.7%	16.7% #59244E	RGB 89 36 78	#59244E
33.3%	33.3% #541E4A	RGB 84 30 74	#541E4A
50.0%	50.0% #4F1846	RGB 79 24 70	#4F1846
66.7%	66.7% #4A1142	RGB 74 17 66	#4A1142
83.3%	83.3% #450B3E	RGB 69 11 62	#450B3E
100.0%	100.0% #41053A	RGB 65 5 58	#41053A

#5E2B53 #59244E #541E4A #4F1846 #4A1142 #450B3E #41053A

#5E2B53 - #41053A

HSV Blend

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

0.0%	0.0% #5E2B53	RGB 94 43 83	#5E2B53
16.7%	16.7% #59234E	RGB 89 35 78	#59234E
33.3%	33.3% #541B4A	RGB 84 27 74	#541B4A
50.0%	50.0% #4F1545	RGB 79 21 69	#4F1545
66.7%	66.7% #4A0F41	RGB 74 15 65	#4A0F41
83.3%	83.3% #45093D	RGB 69 9 61	#45093D
100.0%	100.0% #41053A	RGB 65 5 58	#41053A

#5E2B53 #59234E #541B4A #4F1545 #4A0F41 #45093D #41053A

#5E2B53 - #4F1545 - #41053A

CSS codes

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

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