#5E1F5A - #3C043E | 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 #5E1F5A to #3C043E

#5E1F5A #3C043E

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

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

0.0%	0.0% #5E1F5A	RGB 94 31 90	#5E1F5A
16.7%	16.7% #581A55	RGB 88 26 85	#581A55
33.3%	33.3% #521650	RGB 82 22 80	#521650
50.0%	50.0% #4D114C	RGB 77 17 76	#4D114C
66.7%	66.7% #470D47	RGB 71 13 71	#470D47
83.3%	83.3% #410842	RGB 65 8 66	#410842
100.0%	100.0% #3C043E	RGB 60 4 62	#3C043E

#5E1F5A #581A55 #521650 #4D114C #470D47 #410842 #3C043E

#5E1F5A - #3C043E

HSV Blend

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

0.0%	0.0% #5E1F5A	RGB 94 31 90	#5E1F5A
16.7%	16.7% #581955	RGB 88 25 85	#581955
33.3%	33.3% #531451	RGB 83 20 81	#531451
50.0%	50.0% #4E0F4D	RGB 78 15 77	#4E0F4D
66.7%	66.7% #480B48	RGB 72 11 72	#480B48
83.3%	83.3% #420743	RGB 66 7 67	#420743
100.0%	100.0% #3C043E	RGB 60 4 62	#3C043E

#5E1F5A #581955 #531451 #4E0F4D #480B48 #420743 #3C043E

#5E1F5A - #4E0F4D - #3C043E

CSS codes

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

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