#5E718C - #1C2559 | 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 #5E718C to #1C2559

#5E718C #1C2559

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

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

0.0%	0.0% #5E718C	RGB 94 113 140	#5E718C
16.7%	16.7% #536483	RGB 83 100 131	#536483
33.3%	33.3% #48577B	RGB 72 87 123	#48577B
50.0%	50.0% #3D4B72	RGB 61 75 114	#3D4B72
66.7%	66.7% #323E6A	RGB 50 62 106	#323E6A
83.3%	83.3% #273161	RGB 39 49 97	#273161
100.0%	100.0% #1C2559	RGB 28 37 89	#1C2559

#5E718C #536483 #48577B #3D4B72 #323E6A #273161 #1C2559

#5E718C - #1C2559

HSV Blend

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

0.0%	0.0% #5E718C	RGB 94 113 140	#5E718C
16.7%	16.7% #506383	RGB 80 99 131	#506383
33.3%	33.3% #43557B	RGB 67 85 123	#43557B
50.0%	50.0% #384872	RGB 56 72 114	#384872
66.7%	66.7% #2D3C6A	RGB 45 60 106	#2D3C6A
83.3%	83.3% #243061	RGB 36 48 97	#243061
100.0%	100.0% #1C2559	RGB 28 37 89	#1C2559

#5E718C #506383 #43557B #384872 #2D3C6A #243061 #1C2559

#5E718C - #384872 - #1C2559

CSS codes

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

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