#003B5E - #508FA5 | 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 #003B5E to #508FA5

#003B5E #508FA5

Calculate the color between two colors, #003B5E and #508FA5. 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)

#003B5E - #508FA5 | 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 #003B5E as 0% and #508FA5 as 100%.

0.0%	0.0% #003B5E	RGB 0 59 94	#003B5E
16.7%	16.7% #0D4969	RGB 13 73 105	#0D4969
33.3%	33.3% #1A5775	RGB 26 87 117	#1A5775
50.0%	50.0% #286581	RGB 40 101 129	#286581
66.7%	66.7% #35738D	RGB 53 115 141	#35738D
83.3%	83.3% #428199	RGB 66 129 153	#428199
100.0%	100.0% #508FA5	RGB 80 143 165	#508FA5

#003B5E #0D4969 #1A5775 #286581 #35738D #428199 #508FA5

#003B5E - #508FA5

HSV Blend

#003B5E - #508FA5 | 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 #003B5E as 0% and #508FA5 as 100%.

0.0%	0.0% #003B5E	RGB 0 59 94	#003B5E
16.7%	16.7% #084769	RGB 8 71 105	#084769
33.3%	33.3% #135475	RGB 19 84 117	#135475
50.0%	50.0% #1F6281	RGB 31 98 129	#1F6281
66.7%	66.7% #2D708D	RGB 45 112 141	#2D708D
83.3%	83.3% #3D7F99	RGB 61 127 153	#3D7F99
100.0%	100.0% #508FA5	RGB 80 143 165	#508FA5

#003B5E #084769 #135475 #1F6281 #2D708D #3D7F99 #508FA5

#003B5E - #1F6281 - #508FA5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003B5E 0%, #1F6281 50%, #508FA5 100%);
    background: -webkit-linear-gradient(top, #003B5E 0%, #1F6281 50%, #508FA5 100%);
    background: linear-gradient(to bottom, #003B5E 0%, #1F6281 50%, #508FA5 100%);
}
</style>