#005796 - #1B313E | 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 #005796 to #1B313E

#005796 #1B313E

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

#005796 - #1B313E | 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 #005796 as 0% and #1B313E as 100%.

0.0%	0.0% #005796	RGB 0 87 150	#005796
16.7%	16.7% #045087	RGB 4 80 135	#045087
33.3%	33.3% #094A78	RGB 9 74 120	#094A78
50.0%	50.0% #0D446A	RGB 13 68 106	#0D446A
66.7%	66.7% #123D5B	RGB 18 61 91	#123D5B
83.3%	83.3% #16374C	RGB 22 55 76	#16374C
100.0%	100.0% #1B313E	RGB 27 49 62	#1B313E

#005796 #045087 #094A78 #0D446A #123D5B #16374C #1B313E

#005796 - #1B313E

HSV Blend

#005796 - #1B313E | 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 #005796 as 0% and #1B313E as 100%.

0.0%	0.0% #005796	RGB 0 87 150	#005796
16.7%	16.7% #095387	RGB 9 83 135	#095387
33.3%	33.3% #114F78	RGB 17 79 120	#114F78
50.0%	50.0% #17496A	RGB 23 73 106	#17496A
66.7%	66.7% #1A425B	RGB 26 66 91	#1A425B
83.3%	83.3% #1B3A4C	RGB 27 58 76	#1B3A4C
100.0%	100.0% #1B313E	RGB 27 49 62	#1B313E

#005796 #095387 #114F78 #17496A #1A425B #1B3A4C #1B313E

#005796 - #17496A - #1B313E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005796 0%, #17496A 50%, #1B313E 100%);
    background: -webkit-linear-gradient(top, #005796 0%, #17496A 50%, #1B313E 100%);
    background: linear-gradient(to bottom, #005796 0%, #17496A 50%, #1B313E 100%);
}
</style>