#005A8D - #1E242B | 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 #005A8D to #1E242B

#005A8D #1E242B

Calculate the color between two colors, #005A8D and #1E242B. 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)

#005A8D - #1E242B | 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 #005A8D as 0% and #1E242B as 100%.

0.0%	0.0% #005A8D	RGB 0 90 141	#005A8D
16.7%	16.7% #05517C	RGB 5 81 124	#05517C
33.3%	33.3% #0A486C	RGB 10 72 108	#0A486C
50.0%	50.0% #0F3F5C	RGB 15 63 92	#0F3F5C
66.7%	66.7% #14364B	RGB 20 54 75	#14364B
83.3%	83.3% #192D3B	RGB 25 45 59	#192D3B
100.0%	100.0% #1E242B	RGB 30 36 43	#1E242B

#005A8D #05517C #0A486C #0F3F5C #14364B #192D3B #1E242B

#005A8D - #1E242B

HSV Blend

#005A8D - #1E242B | 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 #005A8D as 0% and #1E242B as 100%.

0.0%	0.0% #005A8D	RGB 0 90 141	#005A8D
16.7%	16.7% #0E517C	RGB 14 81 124	#0E517C
33.3%	33.3% #19496C	RGB 25 73 108	#19496C
50.0%	50.0% #20415C	RGB 32 65 92	#20415C
66.7%	66.7% #23384B	RGB 35 56 75	#23384B
83.3%	83.3% #222E3B	RGB 34 46 59	#222E3B
100.0%	100.0% #1E242B	RGB 30 36 43	#1E242B

#005A8D #0E517C #19496C #20415C #23384B #222E3B #1E242B

#005A8D - #20415C - #1E242B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005A8D 0%, #20415C 50%, #1E242B 100%);
    background: -webkit-linear-gradient(top, #005A8D 0%, #20415C 50%, #1E242B 100%);
    background: linear-gradient(to bottom, #005A8D 0%, #20415C 50%, #1E242B 100%);
}
</style>