#5E1E5E - #0D0A16 | 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 #5E1E5E to #0D0A16

#5E1E5E #0D0A16

Calculate the color between two colors, #5E1E5E and #0D0A16. 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)

#5E1E5E - #0D0A16 | 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 #5E1E5E as 0% and #0D0A16 as 100%.

0.0%	0.0% #5E1E5E	RGB 94 30 94	#5E1E5E
16.7%	16.7% #501A52	RGB 80 26 82	#501A52
33.3%	33.3% #431746	RGB 67 23 70	#431746
50.0%	50.0% #35143A	RGB 53 20 58	#35143A
66.7%	66.7% #28102E	RGB 40 16 46	#28102E
83.3%	83.3% #1A0D22	RGB 26 13 34	#1A0D22
100.0%	100.0% #0D0A16	RGB 13 10 22	#0D0A16

#5E1E5E #501A52 #431746 #35143A #28102E #1A0D22 #0D0A16

#5E1E5E - #0D0A16

HSV Blend

#5E1E5E - #0D0A16 | 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 #5E1E5E as 0% and #0D0A16 as 100%.

0.0%	0.0% #5D1E5E	RGB 93 30 94	#5D1E5E
16.7%	16.7% #4B1C52	RGB 75 28 82	#4B1C52
33.3%	33.3% #3A1946	RGB 58 25 70	#3A1946
50.0%	50.0% #2C163A	RGB 44 22 58	#2C163A
66.7%	66.7% #20122E	RGB 32 18 46	#20122E
83.3%	83.3% #150E22	RGB 21 14 34	#150E22
100.0%	100.0% #0D0A16	RGB 13 10 22	#0D0A16

#5D1E5E #4B1C52 #3A1946 #2C163A #20122E #150E22 #0D0A16

#5E1E5E - #2C163A - #0D0A16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D1E5E 0%, #2C163A 50%, #0D0A16 100%);
    background: -webkit-linear-gradient(top, #5D1E5E 0%, #2C163A 50%, #0D0A16 100%);
    background: linear-gradient(to bottom, #5D1E5E 0%, #2C163A 50%, #0D0A16 100%);
}
</style>