#5E2B4E - #3A0610 | 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 #5E2B4E to #3A0610

#5E2B4E #3A0610

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

#5E2B4E - #3A0610 | 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 #5E2B4E as 0% and #3A0610 as 100%.

0.0%	0.0% #5E2B4E	RGB 94 43 78	#5E2B4E
16.7%	16.7% #582443	RGB 88 36 67	#582443
33.3%	33.3% #521E39	RGB 82 30 57	#521E39
50.0%	50.0% #4C182F	RGB 76 24 47	#4C182F
66.7%	66.7% #461224	RGB 70 18 36	#461224
83.3%	83.3% #400C1A	RGB 64 12 26	#400C1A
100.0%	100.0% #3A0610	RGB 58 6 16	#3A0610

#5E2B4E #582443 #521E39 #4C182F #461224 #400C1A #3A0610

#5E2B4E - #3A0610

HSV Blend

#5E2B4E - #3A0610 | 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 #5E2B4E as 0% and #3A0610 as 100%.

0.0%	0.0% #5E2B4E	RGB 94 43 78	#5E2B4E
16.7%	16.7% #582343	RGB 88 35 67	#582343
33.3%	33.3% #521B38	RGB 82 27 56	#521B38
50.0%	50.0% #4C152D	RGB 76 21 45	#4C152D
66.7%	66.7% #460F22	RGB 70 15 34	#460F22
83.3%	83.3% #400A19	RGB 64 10 25	#400A19
100.0%	100.0% #3A0610	RGB 58 6 16	#3A0610

#5E2B4E #582343 #521B38 #4C152D #460F22 #400A19 #3A0610

#5E2B4E - #4C152D - #3A0610

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2B4E 0%, #4C152D 50%, #3A0610 100%);
    background: -webkit-linear-gradient(top, #5E2B4E 0%, #4C152D 50%, #3A0610 100%);
    background: linear-gradient(to bottom, #5E2B4E 0%, #4C152D 50%, #3A0610 100%);
}
</style>