#3E4A5E - #072647 | 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 #3E4A5E to #072647

#3E4A5E #072647

Calculate the color between two colors, #3E4A5E and #072647. 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)

#3E4A5E - #072647 | 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 #3E4A5E as 0% and #072647 as 100%.

0.0%	0.0% #3E4A5E	RGB 62 74 94	#3E4A5E
16.7%	16.7% #34445A	RGB 52 68 90	#34445A
33.3%	33.3% #2B3E56	RGB 43 62 86	#2B3E56
50.0%	50.0% #223852	RGB 34 56 82	#223852
66.7%	66.7% #19324E	RGB 25 50 78	#19324E
83.3%	83.3% #102C4A	RGB 16 44 74	#102C4A
100.0%	100.0% #072647	RGB 7 38 71	#072647

#3E4A5E #34445A #2B3E56 #223852 #19324E #102C4A #072647

#3E4A5E - #072647

HSV Blend

#3E4A5E - #072647 | 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 #3E4A5E as 0% and #072647 as 100%.

0.0%	0.0% #3E4A5E	RGB 62 74 94	#3E4A5E
16.7%	16.7% #33425A	RGB 51 66 90	#33425A
33.3%	33.3% #283B56	RGB 40 59 86	#283B56
50.0%	50.0% #1F3552	RGB 31 53 82	#1F3552
66.7%	66.7% #162F4E	RGB 22 47 78	#162F4E
83.3%	83.3% #0E2A4A	RGB 14 42 74	#0E2A4A
100.0%	100.0% #072647	RGB 7 38 71	#072647

#3E4A5E #33425A #283B56 #1F3552 #162F4E #0E2A4A #072647

#3E4A5E - #1F3552 - #072647

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4A5E 0%, #1F3552 50%, #072647 100%);
    background: -webkit-linear-gradient(top, #3E4A5E 0%, #1F3552 50%, #072647 100%);
    background: linear-gradient(to bottom, #3E4A5E 0%, #1F3552 50%, #072647 100%);
}
</style>