#5E3C58 - #1C0F0F | 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 #5E3C58 to #1C0F0F

#5E3C58 #1C0F0F

Calculate the color between two colors, #5E3C58 and #1C0F0F. 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)

#5E3C58 - #1C0F0F | 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 #5E3C58 as 0% and #1C0F0F as 100%.

0.0%	0.0% #5E3C58	RGB 94 60 88	#5E3C58
16.7%	16.7% #53344B	RGB 83 52 75	#53344B
33.3%	33.3% #482D3F	RGB 72 45 63	#482D3F
50.0%	50.0% #3D2533	RGB 61 37 51	#3D2533
66.7%	66.7% #321E27	RGB 50 30 39	#321E27
83.3%	83.3% #27161B	RGB 39 22 27	#27161B
100.0%	100.0% #1C0F0F	RGB 28 15 15	#1C0F0F

#5E3C58 #53344B #482D3F #3D2533 #321E27 #27161B #1C0F0F

#5E3C58 - #1C0F0F

HSV Blend

#5E3C58 - #1C0F0F | 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 #5E3C58 as 0% and #1C0F0F as 100%.

0.0%	0.0% #5E3C58	RGB 94 60 88	#5E3C58
16.7%	16.7% #533349	RGB 83 51 73	#533349
33.3%	33.3% #482B3B	RGB 72 43 59	#482B3B
50.0%	50.0% #3D232E	RGB 61 35 46	#3D232E
66.7%	66.7% #321C22	RGB 50 28 34	#321C22
83.3%	83.3% #271517	RGB 39 21 23	#271517
100.0%	100.0% #1C0F0F	RGB 28 15 15	#1C0F0F

#5E3C58 #533349 #482B3B #3D232E #321C22 #271517 #1C0F0F

#5E3C58 - #3D232E - #1C0F0F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C58 0%, #3D232E 50%, #1C0F0F 100%);
    background: -webkit-linear-gradient(top, #5E3C58 0%, #3D232E 50%, #1C0F0F 100%);
    background: linear-gradient(to bottom, #5E3C58 0%, #3D232E 50%, #1C0F0F 100%);
}
</style>