#000E55 - #5E8FAF | 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 #000E55 to #5E8FAF

#000E55 #5E8FAF

Calculate the color between two colors, #000E55 and #5E8FAF. 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)

#000E55 - #5E8FAF | 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 #000E55 as 0% and #5E8FAF as 100%.

0.0%	0.0% #000E55	RGB 0 14 85	#000E55
16.7%	16.7% #0F2364	RGB 15 35 100	#0F2364
33.3%	33.3% #1F3973	RGB 31 57 115	#1F3973
50.0%	50.0% #2F4E82	RGB 47 78 130	#2F4E82
66.7%	66.7% #3E6491	RGB 62 100 145	#3E6491
83.3%	83.3% #4E79A0	RGB 78 121 160	#4E79A0
100.0%	100.0% #5E8FAF	RGB 94 143 175	#5E8FAF

#000E55 #0F2364 #1F3973 #2F4E82 #3E6491 #4E79A0 #5E8FAF

#000E55 - #5E8FAF

HSV Blend

#000E55 - #5E8FAF | 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 #000E55 as 0% and #5E8FAF as 100%.

0.0%	0.0% #000D55	RGB 0 13 85	#000D55
16.7%	16.7% #081E64	RGB 8 30 100	#081E64
33.3%	33.3% #143173	RGB 20 49 115	#143173
50.0%	50.0% #224782	RGB 34 71 130	#224782
66.7%	66.7% #335E91	RGB 51 94 145	#335E91
83.3%	83.3% #4776A0	RGB 71 118 160	#4776A0
100.0%	100.0% #5E8FAF	RGB 94 143 175	#5E8FAF

#000D55 #081E64 #143173 #224782 #335E91 #4776A0 #5E8FAF

#000E55 - #224782 - #5E8FAF

CSS codes

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

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