#364C5E - #161A1A | 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 #364C5E to #161A1A

#364C5E #161A1A

Calculate the color between two colors, #364C5E and #161A1A. 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)

#364C5E - #161A1A | 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 #364C5E as 0% and #161A1A as 100%.

0.0%	0.0% #364C5E	RGB 54 76 94	#364C5E
16.7%	16.7% #304352	RGB 48 67 82	#304352
33.3%	33.3% #2B3B47	RGB 43 59 71	#2B3B47
50.0%	50.0% #26333C	RGB 38 51 60	#26333C
66.7%	66.7% #202A30	RGB 32 42 48	#202A30
83.3%	83.3% #1B2225	RGB 27 34 37	#1B2225
100.0%	100.0% #161A1A	RGB 22 26 26	#161A1A

#364C5E #304352 #2B3B47 #26333C #202A30 #1B2225 #161A1A

#364C5E - #161A1A

HSV Blend

#364C5E - #161A1A | 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 #364C5E as 0% and #161A1A as 100%.

0.0%	0.0% #364C5E	RGB 54 76 94	#364C5E
16.7%	16.7% #334652	RGB 51 70 82	#334652
33.3%	33.3% #2F4047	RGB 47 64 71	#2F4047
50.0%	50.0% #2A383C	RGB 42 56 60	#2A383C
66.7%	66.7% #242E30	RGB 36 46 48	#242E30
83.3%	83.3% #1D2425	RGB 29 36 37	#1D2425
100.0%	100.0% #161A1A	RGB 22 26 26	#161A1A

#364C5E #334652 #2F4047 #2A383C #242E30 #1D2425 #161A1A

#364C5E - #2A383C - #161A1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #364C5E 0%, #2A383C 50%, #161A1A 100%);
    background: -webkit-linear-gradient(top, #364C5E 0%, #2A383C 50%, #161A1A 100%);
    background: linear-gradient(to bottom, #364C5E 0%, #2A383C 50%, #161A1A 100%);
}
</style>