#00255E - #5DADB8 | 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 #00255E to #5DADB8

#00255E #5DADB8

Calculate the color between two colors, #00255E and #5DADB8. 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)

#00255E - #5DADB8 | 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 #00255E as 0% and #5DADB8 as 100%.

0.0%	0.0% #00255E	RGB 0 37 94	#00255E
16.7%	16.7% #0F3B6D	RGB 15 59 109	#0F3B6D
33.3%	33.3% #1F527C	RGB 31 82 124	#1F527C
50.0%	50.0% #2E698B	RGB 46 105 139	#2E698B
66.7%	66.7% #3E7F9A	RGB 62 127 154	#3E7F9A
83.3%	83.3% #4D96A9	RGB 77 150 169	#4D96A9
100.0%	100.0% #5DADB8	RGB 93 173 184	#5DADB8

#00255E #0F3B6D #1F527C #2E698B #3E7F9A #4D96A9 #5DADB8

#00255E - #5DADB8

HSV Blend

#00255E - #5DADB8 | 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 #00255E as 0% and #5DADB8 as 100%.

0.0%	0.0% #00245E	RGB 0 36 94	#00245E
16.7%	16.7% #09386D	RGB 9 56 109	#09386D
33.3%	33.3% #144E7C	RGB 20 78 124	#144E7C
50.0%	50.0% #23658B	RGB 35 101 139	#23658B
66.7%	66.7% #337D9A	RGB 51 125 154	#337D9A
83.3%	83.3% #4795A9	RGB 71 149 169	#4795A9
100.0%	100.0% #5DADB8	RGB 93 173 184	#5DADB8

#00245E #09386D #144E7C #23658B #337D9A #4795A9 #5DADB8

#00255E - #23658B - #5DADB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00245E 0%, #23658B 50%, #5DADB8 100%);
    background: -webkit-linear-gradient(top, #00245E 0%, #23658B 50%, #5DADB8 100%);
    background: linear-gradient(to bottom, #00245E 0%, #23658B 50%, #5DADB8 100%);
}
</style>