#5E1E4A - #100A16 | 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 #5E1E4A to #100A16

#5E1E4A #100A16

Calculate the color between two colors, #5E1E4A and #100A16. 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)

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

0.0%	0.0% #5E1E4A	RGB 94 30 74	#5E1E4A
16.7%	16.7% #511A41	RGB 81 26 65	#511A41
33.3%	33.3% #441738	RGB 68 23 56	#441738
50.0%	50.0% #371430	RGB 55 20 48	#371430
66.7%	66.7% #2A1027	RGB 42 16 39	#2A1027
83.3%	83.3% #1D0D1E	RGB 29 13 30	#1D0D1E
100.0%	100.0% #100A16	RGB 16 10 22	#100A16

#5E1E4A #511A41 #441738 #371430 #2A1027 #1D0D1E #100A16

#5E1E4A - #100A16

HSV Blend

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

0.0%	0.0% #5E1E49	RGB 94 30 73	#5E1E49
16.7%	16.7% #521C48	RGB 82 28 72	#521C48
33.3%	33.3% #461944	RGB 70 25 68	#461944
50.0%	50.0% #36163A	RGB 54 22 58	#36163A
66.7%	66.7% #27122E	RGB 39 18 46	#27122E
83.3%	83.3% #1A0E22	RGB 26 14 34	#1A0E22
100.0%	100.0% #100A16	RGB 16 10 22	#100A16

#5E1E49 #521C48 #461944 #36163A #27122E #1A0E22 #100A16

#5E1E4A - #36163A - #100A16

CSS codes

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

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