#5E1E5A - #3E0012 | 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 #5E1E5A to #3E0012

#5E1E5A #3E0012

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

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

0.0%	0.0% #5E1E5A	RGB 94 30 90	#5E1E5A
16.7%	16.7% #58194E	RGB 88 25 78	#58194E
33.3%	33.3% #531442	RGB 83 20 66	#531442
50.0%	50.0% #4E0F36	RGB 78 15 54	#4E0F36
66.7%	66.7% #480A2A	RGB 72 10 42	#480A2A
83.3%	83.3% #43051E	RGB 67 5 30	#43051E
100.0%	100.0% #3E0012	RGB 62 0 18	#3E0012

#5E1E5A #58194E #531442 #4E0F36 #480A2A #43051E #3E0012

#5E1E5A - #3E0012

HSV Blend

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

0.0%	0.0% #5E1E5A	RGB 94 30 90	#5E1E5A
16.7%	16.7% #58174D	RGB 88 23 77	#58174D
33.3%	33.3% #531141	RGB 83 17 65	#531141
50.0%	50.0% #4E0C34	RGB 78 12 52	#4E0C34
66.7%	66.7% #480728	RGB 72 7 40	#480728
83.3%	83.3% #43031C	RGB 67 3 28	#43031C
100.0%	100.0% #3E0012	RGB 62 0 18	#3E0012

#5E1E5A #58174D #531141 #4E0C34 #480728 #43031C #3E0012

#5E1E5A - #4E0C34 - #3E0012

CSS codes

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

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