#5E556B - #2D1538 | 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 #5E556B to #2D1538

#5E556B #2D1538

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

#5E556B - #2D1538 | 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 #5E556B as 0% and #2D1538 as 100%.

0.0%	0.0% #5E556B	RGB 94 85 107	#5E556B
16.7%	16.7% #554A62	RGB 85 74 98	#554A62
33.3%	33.3% #4D3F5A	RGB 77 63 90	#4D3F5A
50.0%	50.0% #453551	RGB 69 53 81	#453551
66.7%	66.7% #3D2A49	RGB 61 42 73	#3D2A49
83.3%	83.3% #351F40	RGB 53 31 64	#351F40
100.0%	100.0% #2D1538	RGB 45 21 56	#2D1538

#5E556B #554A62 #4D3F5A #453551 #3D2A49 #351F40 #2D1538

#5E556B - #2D1538

HSV Blend

#5E556B - #2D1538 | 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 #5E556B as 0% and #2D1538 as 100%.

0.0%	0.0% #5E556B	RGB 94 85 107	#5E556B
16.7%	16.7% #534762	RGB 83 71 98	#534762
33.3%	33.3% #4A3A5A	RGB 74 58 90	#4A3A5A
50.0%	50.0% #422F51	RGB 66 47 81	#422F51
66.7%	66.7% #3A2549	RGB 58 37 73	#3A2549
83.3%	83.3% #331C40	RGB 51 28 64	#331C40
100.0%	100.0% #2D1538	RGB 45 21 56	#2D1538

#5E556B #534762 #4A3A5A #422F51 #3A2549 #331C40 #2D1538

#5E556B - #422F51 - #2D1538

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E556B 0%, #422F51 50%, #2D1538 100%);
    background: -webkit-linear-gradient(top, #5E556B 0%, #422F51 50%, #2D1538 100%);
    background: linear-gradient(to bottom, #5E556B 0%, #422F51 50%, #2D1538 100%);
}
</style>