#516C92 - #1E2D3F | 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 #516C92 to #1E2D3F

#516C92 #1E2D3F

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

#516C92 - #1E2D3F | 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 #516C92 as 0% and #1E2D3F as 100%.

0.0%	0.0% #516C92	RGB 81 108 146	#516C92
16.7%	16.7% #486184	RGB 72 97 132	#486184
33.3%	33.3% #405776	RGB 64 87 118	#405776
50.0%	50.0% #374C68	RGB 55 76 104	#374C68
66.7%	66.7% #2F425A	RGB 47 66 90	#2F425A
83.3%	83.3% #26374C	RGB 38 55 76	#26374C
100.0%	100.0% #1E2D3F	RGB 30 45 63	#1E2D3F

#516C92 #486184 #405776 #374C68 #2F425A #26374C #1E2D3F

#516C92 - #1E2D3F

HSV Blend

#516C92 - #1E2D3F | 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 #516C92 as 0% and #1E2D3F as 100%.

0.0%	0.0% #516C92	RGB 81 108 146	#516C92
16.7%	16.7% #476184	RGB 71 97 132	#476184
33.3%	33.3% #3E5676	RGB 62 86 118	#3E5676
50.0%	50.0% #354B68	RGB 53 75 104	#354B68
66.7%	66.7% #2D415A	RGB 45 65 90	#2D415A
83.3%	83.3% #25374C	RGB 37 55 76	#25374C
100.0%	100.0% #1E2D3F	RGB 30 45 63	#1E2D3F

#516C92 #476184 #3E5676 #354B68 #2D415A #25374C #1E2D3F

#516C92 - #354B68 - #1E2D3F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #516C92 0%, #354B68 50%, #1E2D3F 100%);
    background: -webkit-linear-gradient(top, #516C92 0%, #354B68 50%, #1E2D3F 100%);
    background: linear-gradient(to bottom, #516C92 0%, #354B68 50%, #1E2D3F 100%);
}
</style>