#5E487E - #1A1424 | 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 #5E487E to #1A1424

#5E487E #1A1424

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

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

0.0%	0.0% #5E487E	RGB 94 72 126	#5E487E
16.7%	16.7% #523F6F	RGB 82 63 111	#523F6F
33.3%	33.3% #473660	RGB 71 54 96	#473660
50.0%	50.0% #3C2E51	RGB 60 46 81	#3C2E51
66.7%	66.7% #302542	RGB 48 37 66	#302542
83.3%	83.3% #251C33	RGB 37 28 51	#251C33
100.0%	100.0% #1A1424	RGB 26 20 36	#1A1424

#5E487E #523F6F #473660 #3C2E51 #302542 #251C33 #1A1424

#5E487E - #1A1424

HSV Blend

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

0.0%	0.0% #5E487E	RGB 94 72 126	#5E487E
16.7%	16.7% #523F6F	RGB 82 63 111	#523F6F
33.3%	33.3% #463660	RGB 70 54 96	#463660
50.0%	50.0% #3B2D51	RGB 59 45 81	#3B2D51
66.7%	66.7% #302542	RGB 48 37 66	#302542
83.3%	83.3% #251C33	RGB 37 28 51	#251C33
100.0%	100.0% #1A1424	RGB 26 20 36	#1A1424

#5E487E #523F6F #463660 #3B2D51 #302542 #251C33 #1A1424

#5E487E - #3B2D51 - #1A1424

CSS codes

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

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