#5E708C - #0E3B5B | 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 #5E708C to #0E3B5B

#5E708C #0E3B5B

Calculate the color between two colors, #5E708C and #0E3B5B. 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)

#5E708C - #0E3B5B | 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 #5E708C as 0% and #0E3B5B as 100%.

0.0%	0.0% #5E708C	RGB 94 112 140	#5E708C
16.7%	16.7% #506783	RGB 80 103 131	#506783
33.3%	33.3% #435E7B	RGB 67 94 123	#435E7B
50.0%	50.0% #365573	RGB 54 85 115	#365573
66.7%	66.7% #284C6B	RGB 40 76 107	#284C6B
83.3%	83.3% #1B4363	RGB 27 67 99	#1B4363
100.0%	100.0% #0E3B5B	RGB 14 59 91	#0E3B5B

#5E708C #506783 #435E7B #365573 #284C6B #1B4363 #0E3B5B

#5E708C - #0E3B5B

HSV Blend

#5E708C - #0E3B5B | 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 #5E708C as 0% and #0E3B5B as 100%.

0.0%	0.0% #5E708C	RGB 94 112 140	#5E708C
16.7%	16.7% #4D6483	RGB 77 100 131	#4D6483
33.3%	33.3% #3D597B	RGB 61 89 123	#3D597B
50.0%	50.0% #2F5073	RGB 47 80 115	#2F5073
66.7%	66.7% #23486B	RGB 35 72 107	#23486B
83.3%	83.3% #174163	RGB 23 65 99	#174163
100.0%	100.0% #0E3B5B	RGB 14 59 91	#0E3B5B

#5E708C #4D6483 #3D597B #2F5073 #23486B #174163 #0E3B5B

#5E708C - #2F5073 - #0E3B5B

CSS codes

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

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