#3E4A5E - #042349 | 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 #042349

#3E4A5E #042349

Calculate the color between two colors, #3E4A5E and #042349. 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 - #042349 | 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 #042349 as 100%.

0.0%	0.0% #3E4A5E	RGB 62 74 94	#3E4A5E
16.7%	16.7% #34435A	RGB 52 67 90	#34435A
33.3%	33.3% #2A3D57	RGB 42 61 87	#2A3D57
50.0%	50.0% #213653	RGB 33 54 83	#213653
66.7%	66.7% #173050	RGB 23 48 80	#173050
83.3%	83.3% #0D294C	RGB 13 41 76	#0D294C
100.0%	100.0% #042349	RGB 4 35 73	#042349

#3E4A5E #34435A #2A3D57 #213653 #173050 #0D294C #042349

#3E4A5E - #042349

HSV Blend

#3E4A5E - #042349 | 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 #042349 as 100%.

0.0%	0.0% #3E4A5E	RGB 62 74 94	#3E4A5E
16.7%	16.7% #32425A	RGB 50 66 90	#32425A
33.3%	33.3% #273A57	RGB 39 58 87	#273A57
50.0%	50.0% #1D3353	RGB 29 51 83	#1D3353
66.7%	66.7% #142D50	RGB 20 45 80	#142D50
83.3%	83.3% #0B284C	RGB 11 40 76	#0B284C
100.0%	100.0% #042349	RGB 4 35 73	#042349

#3E4A5E #32425A #273A57 #1D3353 #142D50 #0B284C #042349

#3E4A5E - #1D3353 - #042349

CSS codes

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

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