#5E7296 - #1C143F | 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 #5E7296 to #1C143F

#5E7296 #1C143F

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

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

0.0%	0.0% #5E7296	RGB 94 114 150	#5E7296
16.7%	16.7% #536287	RGB 83 98 135	#536287
33.3%	33.3% #485279	RGB 72 82 121	#485279
50.0%	50.0% #3D436A	RGB 61 67 106	#3D436A
66.7%	66.7% #32335C	RGB 50 51 92	#32335C
83.3%	83.3% #27234D	RGB 39 35 77	#27234D
100.0%	100.0% #1C143F	RGB 28 20 63	#1C143F

#5E7296 #536287 #485279 #3D436A #32335C #27234D #1C143F

#5E7296 - #1C143F

HSV Blend

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

0.0%	0.0% #5E7296	RGB 94 114 150	#5E7296
16.7%	16.7% #4D5D87	RGB 77 93 135	#4D5D87
33.3%	33.3% #3F4979	RGB 63 73 121	#3F4979
50.0%	50.0% #32376A	RGB 50 55 106	#32376A
66.7%	66.7% #26265C	RGB 38 38 92	#26265C
83.3%	83.3% #211C4D	RGB 33 28 77	#211C4D
100.0%	100.0% #1C143F	RGB 28 20 63	#1C143F

#5E7296 #4D5D87 #3F4979 #32376A #26265C #211C4D #1C143F

#5E7296 - #32376A - #1C143F

CSS codes

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

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