#3C4049 - #041D3E | 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 #3C4049 to #041D3E

#3C4049 #041D3E

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

#3C4049 - #041D3E | 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 #3C4049 as 0% and #041D3E as 100%.

0.0%	0.0% #3C4049	RGB 60 64 73	#3C4049
16.7%	16.7% #323A47	RGB 50 58 71	#323A47
33.3%	33.3% #293445	RGB 41 52 69	#293445
50.0%	50.0% #202E43	RGB 32 46 67	#202E43
66.7%	66.7% #162841	RGB 22 40 65	#162841
83.3%	83.3% #0D223F	RGB 13 34 63	#0D223F
100.0%	100.0% #041D3E	RGB 4 29 62	#041D3E

#3C4049 #323A47 #293445 #202E43 #162841 #0D223F #041D3E

#3C4049 - #041D3E

HSV Blend

#3C4049 - #041D3E | 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 #3C4049 as 0% and #041D3E as 100%.

0.0%	0.0% #3C4049	RGB 60 64 73	#3C4049
16.7%	16.7% #313847	RGB 49 56 71	#313847
33.3%	33.3% #273145	RGB 39 49 69	#273145
50.0%	50.0% #1D2B43	RGB 29 43 67	#1D2B43
66.7%	66.7% #142641	RGB 20 38 65	#142641
83.3%	83.3% #0C213F	RGB 12 33 63	#0C213F
100.0%	100.0% #041D3E	RGB 4 29 62	#041D3E

#3C4049 #313847 #273145 #1D2B43 #142641 #0C213F #041D3E

#3C4049 - #1D2B43 - #041D3E

CSS codes

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

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