#5E1B3C - #050313 | 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 #5E1B3C to #050313

#5E1B3C #050313

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

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

0.0%	0.0% #5E1B3C	RGB 94 27 60	#5E1B3C
16.7%	16.7% #4F1735	RGB 79 23 53	#4F1735
33.3%	33.3% #40132E	RGB 64 19 46	#40132E
50.0%	50.0% #310F27	RGB 49 15 39	#310F27
66.7%	66.7% #220B20	RGB 34 11 32	#220B20
83.3%	83.3% #130719	RGB 19 7 25	#130719
100.0%	100.0% #050313	RGB 5 3 19	#050313

#5E1B3C #4F1735 #40132E #310F27 #220B20 #130719 #050313

#5E1B3C - #050313

HSV Blend

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

0.0%	0.0% #5E1B3C	RGB 94 27 60	#5E1B3C
16.7%	16.7% #511540	RGB 81 21 64	#511540
33.3%	33.3% #451042	RGB 69 16 66	#451042
50.0%	50.0% #300C38	RGB 48 12 56	#300C38
66.7%	66.7% #1D082C	RGB 29 8 44	#1D082C
83.3%	83.3% #0E051F	RGB 14 5 31	#0E051F
100.0%	100.0% #050313	RGB 5 3 19	#050313

#5E1B3C #511540 #451042 #300C38 #1D082C #0E051F #050313

#5E1B3C - #300C38 - #050313

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1B3C 0%, #300C38 50%, #050313 100%);
    background: -webkit-linear-gradient(top, #5E1B3C 0%, #300C38 50%, #050313 100%);
    background: linear-gradient(to bottom, #5E1B3C 0%, #300C38 50%, #050313 100%);
}
</style>