#365B5E - #051346 | 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 #365B5E to #051346

#365B5E #051346

Calculate the color between two colors, #365B5E and #051346. 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)

#365B5E - #051346 | 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 #365B5E as 0% and #051346 as 100%.

0.0%	0.0% #365B5E	RGB 54 91 94	#365B5E
16.7%	16.7% #2D4F5A	RGB 45 79 90	#2D4F5A
33.3%	33.3% #254356	RGB 37 67 86	#254356
50.0%	50.0% #1D3752	RGB 29 55 82	#1D3752
66.7%	66.7% #152B4E	RGB 21 43 78	#152B4E
83.3%	83.3% #0D1F4A	RGB 13 31 74	#0D1F4A
100.0%	100.0% #051346	RGB 5 19 70	#051346

#365B5E #2D4F5A #254356 #1D3752 #152B4E #0D1F4A #051346

#365B5E - #051346

HSV Blend

#365B5E - #051346 | 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 #365B5E as 0% and #051346 as 100%.

0.0%	0.0% #365B5E	RGB 54 91 94	#365B5E
16.7%	16.7% #2C515A	RGB 44 81 90	#2C515A
33.3%	33.3% #224656	RGB 34 70 86	#224656
50.0%	50.0% #1A3A52	RGB 26 58 82	#1A3A52
66.7%	66.7% #122D4E	RGB 18 45 78	#122D4E
83.3%	83.3% #0B204A	RGB 11 32 74	#0B204A
100.0%	100.0% #051346	RGB 5 19 70	#051346

#365B5E #2C515A #224656 #1A3A52 #122D4E #0B204A #051346

#365B5E - #1A3A52 - #051346

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #365B5E 0%, #1A3A52 50%, #051346 100%);
    background: -webkit-linear-gradient(top, #365B5E 0%, #1A3A52 50%, #051346 100%);
    background: linear-gradient(to bottom, #365B5E 0%, #1A3A52 50%, #051346 100%);
}
</style>