#5E465D - #1A141A | 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 #5E465D to #1A141A

#5E465D #1A141A

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

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

0.0%	0.0% #5E465D	RGB 94 70 93	#5E465D
16.7%	16.7% #523D51	RGB 82 61 81	#523D51
33.3%	33.3% #473546	RGB 71 53 70	#473546
50.0%	50.0% #3C2D3B	RGB 60 45 59	#3C2D3B
66.7%	66.7% #302430	RGB 48 36 48	#302430
83.3%	83.3% #251C25	RGB 37 28 37	#251C25
100.0%	100.0% #1A141A	RGB 26 20 26	#1A141A

#5E465D #523D51 #473546 #3C2D3B #302430 #251C25 #1A141A

#5E465D - #1A141A

HSV Blend

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

0.0%	0.0% #5E465D	RGB 94 70 93	#5E465D
16.7%	16.7% #523D51	RGB 82 61 81	#523D51
33.3%	33.3% #473546	RGB 71 53 70	#473546
50.0%	50.0% #3C2D3B	RGB 60 45 59	#3C2D3B
66.7%	66.7% #302530	RGB 48 37 48	#302530
83.3%	83.3% #251C25	RGB 37 28 37	#251C25
100.0%	100.0% #1A141A	RGB 26 20 26	#1A141A

#5E465D #523D51 #473546 #3C2D3B #302530 #251C25 #1A141A

#5E465D - #3C2D3B - #1A141A

CSS codes

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

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