#374B5E - #062947 | 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 #374B5E to #062947

#374B5E #062947

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

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

0.0%	0.0% #374B5E	RGB 55 75 94	#374B5E
16.7%	16.7% #2E455A	RGB 46 69 90	#2E455A
33.3%	33.3% #263F56	RGB 38 63 86	#263F56
50.0%	50.0% #1E3A52	RGB 30 58 82	#1E3A52
66.7%	66.7% #16344E	RGB 22 52 78	#16344E
83.3%	83.3% #0E2E4A	RGB 14 46 74	#0E2E4A
100.0%	100.0% #062947	RGB 6 41 71	#062947

#374B5E #2E455A #263F56 #1E3A52 #16344E #0E2E4A #062947

#374B5E - #062947

HSV Blend

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

0.0%	0.0% #374A5E	RGB 55 74 94	#374A5E
16.7%	16.7% #2D445A	RGB 45 68 90	#2D445A
33.3%	33.3% #243E56	RGB 36 62 86	#243E56
50.0%	50.0% #1B3852	RGB 27 56 82	#1B3852
66.7%	66.7% #13324E	RGB 19 50 78	#13324E
83.3%	83.3% #0C2D4A	RGB 12 45 74	#0C2D4A
100.0%	100.0% #062947	RGB 6 41 71	#062947

#374A5E #2D445A #243E56 #1B3852 #13324E #0C2D4A #062947

#374B5E - #1B3852 - #062947

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #374A5E 0%, #1B3852 50%, #062947 100%);
    background: -webkit-linear-gradient(top, #374A5E 0%, #1B3852 50%, #062947 100%);
    background: linear-gradient(to bottom, #374A5E 0%, #1B3852 50%, #062947 100%);
}
</style>