#5E4B5D - #19151A | 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 #5E4B5D to #19151A

#5E4B5D #19151A

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

#5E4B5D - #19151A | 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 #5E4B5D as 0% and #19151A as 100%.

0.0%	0.0% #5E4B5D	RGB 94 75 93	#5E4B5D
16.7%	16.7% #524251	RGB 82 66 81	#524251
33.3%	33.3% #473946	RGB 71 57 70	#473946
50.0%	50.0% #3B303B	RGB 59 48 59	#3B303B
66.7%	66.7% #302730	RGB 48 39 48	#302730
83.3%	83.3% #241E25	RGB 36 30 37	#241E25
100.0%	100.0% #19151A	RGB 25 21 26	#19151A

#5E4B5D #524251 #473946 #3B303B #302730 #241E25 #19151A

#5E4B5D - #19151A

HSV Blend

#5E4B5D - #19151A | 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 #5E4B5D as 0% and #19151A as 100%.

0.0%	0.0% #5E4B5D	RGB 94 75 93	#5E4B5D
16.7%	16.7% #524252	RGB 82 66 82	#524252
33.3%	33.3% #463947	RGB 70 57 71	#463947
50.0%	50.0% #3B303C	RGB 59 48 60	#3B303C
66.7%	66.7% #2F2730	RGB 47 39 48	#2F2730
83.3%	83.3% #241E25	RGB 36 30 37	#241E25
100.0%	100.0% #19151A	RGB 25 21 26	#19151A

#5E4B5D #524252 #463947 #3B303C #2F2730 #241E25 #19151A

#5E4B5D - #3B303C - #19151A

CSS codes

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

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