#001D55 - #5E9FAF | 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 #001D55 to #5E9FAF

#001D55 #5E9FAF

Calculate the color between two colors, #001D55 and #5E9FAF. 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)

#001D55 - #5E9FAF | 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 #001D55 as 0% and #5E9FAF as 100%.

0.0%	0.0% #001D55	RGB 0 29 85	#001D55
16.7%	16.7% #0F3264	RGB 15 50 100	#0F3264
33.3%	33.3% #1F4873	RGB 31 72 115	#1F4873
50.0%	50.0% #2F5E82	RGB 47 94 130	#2F5E82
66.7%	66.7% #3E7391	RGB 62 115 145	#3E7391
83.3%	83.3% #4E89A0	RGB 78 137 160	#4E89A0
100.0%	100.0% #5E9FAF	RGB 94 159 175	#5E9FAF

#001D55 #0F3264 #1F4873 #2F5E82 #3E7391 #4E89A0 #5E9FAF

#001D55 - #5E9FAF

HSV Blend

#001D55 - #5E9FAF | 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 #001D55 as 0% and #5E9FAF as 100%.

0.0%	0.0% #001D55	RGB 0 29 85	#001D55
16.7%	16.7% #082F64	RGB 8 47 100	#082F64
33.3%	33.3% #144373	RGB 20 67 115	#144373
50.0%	50.0% #225982	RGB 34 89 130	#225982
66.7%	66.7% #337091	RGB 51 112 145	#337091
83.3%	83.3% #4787A0	RGB 71 135 160	#4787A0
100.0%	100.0% #5E9FAF	RGB 94 159 175	#5E9FAF

#001D55 #082F64 #144373 #225982 #337091 #4787A0 #5E9FAF

#001D55 - #225982 - #5E9FAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001D55 0%, #225982 50%, #5E9FAF 100%);
    background: -webkit-linear-gradient(top, #001D55 0%, #225982 50%, #5E9FAF 100%);
    background: linear-gradient(to bottom, #001D55 0%, #225982 50%, #5E9FAF 100%);
}
</style>