#3E4D5E - #11161A | 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 #3E4D5E to #11161A

#3E4D5E #11161A

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

#3E4D5E - #11161A | 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 #3E4D5E as 0% and #11161A as 100%.

0.0%	0.0% #3E4D5E	RGB 62 77 94	#3E4D5E
16.7%	16.7% #364352	RGB 54 67 82	#364352
33.3%	33.3% #2F3A47	RGB 47 58 71	#2F3A47
50.0%	50.0% #27313C	RGB 39 49 60	#27313C
66.7%	66.7% #202830	RGB 32 40 48	#202830
83.3%	83.3% #181F25	RGB 24 31 37	#181F25
100.0%	100.0% #11161A	RGB 17 22 26	#11161A

#3E4D5E #364352 #2F3A47 #27313C #202830 #181F25 #11161A

#3E4D5E - #11161A

HSV Blend

#3E4D5E - #11161A | 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 #3E4D5E as 0% and #11161A as 100%.

0.0%	0.0% #3E4D5E	RGB 62 77 94	#3E4D5E
16.7%	16.7% #364452	RGB 54 68 82	#364452
33.3%	33.3% #2E3B47	RGB 46 59 71	#2E3B47
50.0%	50.0% #27313C	RGB 39 49 60	#27313C
66.7%	66.7% #1F2830	RGB 31 40 48	#1F2830
83.3%	83.3% #181F25	RGB 24 31 37	#181F25
100.0%	100.0% #11161A	RGB 17 22 26	#11161A

#3E4D5E #364452 #2E3B47 #27313C #1F2830 #181F25 #11161A

#3E4D5E - #27313C - #11161A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4D5E 0%, #27313C 50%, #11161A 100%);
    background: -webkit-linear-gradient(top, #3E4D5E 0%, #27313C 50%, #11161A 100%);
    background: linear-gradient(to bottom, #3E4D5E 0%, #27313C 50%, #11161A 100%);
}
</style>