#1D3B5E - #04173E | 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 #1D3B5E to #04173E

#1D3B5E #04173E

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

#1D3B5E - #04173E | 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 #1D3B5E as 0% and #04173E as 100%.

0.0%	0.0% #1D3B5E	RGB 29 59 94	#1D3B5E
16.7%	16.7% #183558	RGB 24 53 88	#183558
33.3%	33.3% #142F53	RGB 20 47 83	#142F53
50.0%	50.0% #10294E	RGB 16 41 78	#10294E
66.7%	66.7% #0C2348	RGB 12 35 72	#0C2348
83.3%	83.3% #081D43	RGB 8 29 67	#081D43
100.0%	100.0% #04173E	RGB 4 23 62	#04173E

#1D3B5E #183558 #142F53 #10294E #0C2348 #081D43 #04173E

#1D3B5E - #04173E

HSV Blend

#1D3B5E - #04173E | 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 #1D3B5E as 0% and #04173E as 100%.

0.0%	0.0% #1D3A5E	RGB 29 58 94	#1D3A5E
16.7%	16.7% #173458	RGB 23 52 88	#173458
33.3%	33.3% #122D53	RGB 18 45 83	#122D53
50.0%	50.0% #0E274E	RGB 14 39 78	#0E274E
66.7%	66.7% #0A2148	RGB 10 33 72	#0A2148
83.3%	83.3% #071C43	RGB 7 28 67	#071C43
100.0%	100.0% #04173E	RGB 4 23 62	#04173E

#1D3A5E #173458 #122D53 #0E274E #0A2148 #071C43 #04173E

#1D3B5E - #0E274E - #04173E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D3A5E 0%, #0E274E 50%, #04173E 100%);
    background: -webkit-linear-gradient(top, #1D3A5E 0%, #0E274E 50%, #04173E 100%);
    background: linear-gradient(to bottom, #1D3A5E 0%, #0E274E 50%, #04173E 100%);
}
</style>