#5E708F - #1A343D | 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 #5E708F to #1A343D

#5E708F #1A343D

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

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

0.0%	0.0% #5E708F	RGB 94 112 143	#5E708F
16.7%	16.7% #526681	RGB 82 102 129	#526681
33.3%	33.3% #475C73	RGB 71 92 115	#475C73
50.0%	50.0% #3C5266	RGB 60 82 102	#3C5266
66.7%	66.7% #304858	RGB 48 72 88	#304858
83.3%	83.3% #253E4A	RGB 37 62 74	#253E4A
100.0%	100.0% #1A343D	RGB 26 52 61	#1A343D

#5E708F #526681 #475C73 #3C5266 #304858 #253E4A #1A343D

#5E708F - #1A343D

HSV Blend

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

0.0%	0.0% #5E708F	RGB 94 112 143	#5E708F
16.7%	16.7% #506581	RGB 80 101 129	#506581
33.3%	33.3% #435B73	RGB 67 91 115	#435B73
50.0%	50.0% #375166	RGB 55 81 102	#375166
66.7%	66.7% #2C4758	RGB 44 71 88	#2C4758
83.3%	83.3% #223D4A	RGB 34 61 74	#223D4A
100.0%	100.0% #1A343D	RGB 26 52 61	#1A343D

#5E708F #506581 #435B73 #375166 #2C4758 #223D4A #1A343D

#5E708F - #375166 - #1A343D

CSS codes

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

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