#053D5E - #588FA3 | 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 #053D5E to #588FA3

#053D5E #588FA3

Calculate the color between two colors, #053D5E and #588FA3. 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)

#053D5E - #588FA3 | 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 #053D5E as 0% and #588FA3 as 100%.

0.0%	0.0% #053D5E	RGB 5 61 94	#053D5E
16.7%	16.7% #124A69	RGB 18 74 105	#124A69
33.3%	33.3% #205875	RGB 32 88 117	#205875
50.0%	50.0% #2E6680	RGB 46 102 128	#2E6680
66.7%	66.7% #3C738C	RGB 60 115 140	#3C738C
83.3%	83.3% #4A8197	RGB 74 129 151	#4A8197
100.0%	100.0% #588FA3	RGB 88 143 163	#588FA3

#053D5E #124A69 #205875 #2E6680 #3C738C #4A8197 #588FA3

#053D5E - #588FA3

HSV Blend

#053D5E - #588FA3 | 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 #053D5E as 0% and #588FA3 as 100%.

0.0%	0.0% #043D5E	RGB 4 61 94	#043D5E
16.7%	16.7% #0E4969	RGB 14 73 105	#0E4969
33.3%	33.3% #195675	RGB 25 86 117	#195675
50.0%	50.0% #266380	RGB 38 99 128	#266380
66.7%	66.7% #34718C	RGB 52 113 140	#34718C
83.3%	83.3% #458097	RGB 69 128 151	#458097
100.0%	100.0% #588FA3	RGB 88 143 163	#588FA3

#043D5E #0E4969 #195675 #266380 #34718C #458097 #588FA3

#053D5E - #266380 - #588FA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #043D5E 0%, #266380 50%, #588FA3 100%);
    background: -webkit-linear-gradient(top, #043D5E 0%, #266380 50%, #588FA3 100%);
    background: linear-gradient(to bottom, #043D5E 0%, #266380 50%, #588FA3 100%);
}
</style>