#353D5E - #051943 | 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 #353D5E to #051943

#353D5E #051943

Calculate the color between two colors, #353D5E and #051943. 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)

#353D5E - #051943 | 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 #353D5E as 0% and #051943 as 100%.

0.0%	0.0% #353D5E	RGB 53 61 94	#353D5E
16.7%	16.7% #2D3759	RGB 45 55 89	#2D3759
33.3%	33.3% #253155	RGB 37 49 85	#253155
50.0%	50.0% #1D2B50	RGB 29 43 80	#1D2B50
66.7%	66.7% #15254C	RGB 21 37 76	#15254C
83.3%	83.3% #0D1F47	RGB 13 31 71	#0D1F47
100.0%	100.0% #051943	RGB 5 25 67	#051943

#353D5E #2D3759 #253155 #1D2B50 #15254C #0D1F47 #051943

#353D5E - #051943

HSV Blend

#353D5E - #051943 | 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 #353D5E as 0% and #051943 as 100%.

0.0%	0.0% #353D5E	RGB 53 61 94	#353D5E
16.7%	16.7% #2B3559	RGB 43 53 89	#2B3559
33.3%	33.3% #222E55	RGB 34 46 85	#222E55
50.0%	50.0% #192750	RGB 25 39 80	#192750
66.7%	66.7% #12224C	RGB 18 34 76	#12224C
83.3%	83.3% #0B1D47	RGB 11 29 71	#0B1D47
100.0%	100.0% #051943	RGB 5 25 67	#051943

#353D5E #2B3559 #222E55 #192750 #12224C #0B1D47 #051943

#353D5E - #192750 - #051943

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353D5E 0%, #192750 50%, #051943 100%);
    background: -webkit-linear-gradient(top, #353D5E 0%, #192750 50%, #051943 100%);
    background: linear-gradient(to bottom, #353D5E 0%, #192750 50%, #051943 100%);
}
</style>