#3D4C5E - #141C1B | 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 #3D4C5E to #141C1B

#3D4C5E #141C1B

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

#3D4C5E - #141C1B | 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 #3D4C5E as 0% and #141C1B as 100%.

0.0%	0.0% #3D4C5E	RGB 61 76 94	#3D4C5E
16.7%	16.7% #364452	RGB 54 68 82	#364452
33.3%	33.3% #2F3C47	RGB 47 60 71	#2F3C47
50.0%	50.0% #28343C	RGB 40 52 60	#28343C
66.7%	66.7% #212C31	RGB 33 44 49	#212C31
83.3%	83.3% #1A2426	RGB 26 36 38	#1A2426
100.0%	100.0% #141C1B	RGB 20 28 27	#141C1B

#3D4C5E #364452 #2F3C47 #28343C #212C31 #1A2426 #141C1B

#3D4C5E - #141C1B

HSV Blend

#3D4C5E - #141C1B | 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 #3D4C5E as 0% and #141C1B as 100%.

0.0%	0.0% #3D4C5E	RGB 61 76 94	#3D4C5E
16.7%	16.7% #364653	RGB 54 70 83	#364653
33.3%	33.3% #304048	RGB 48 64 72	#304048
50.0%	50.0% #29383D	RGB 41 56 61	#29383D
66.7%	66.7% #223032	RGB 34 48 50	#223032
83.3%	83.3% #1B2726	RGB 27 39 38	#1B2726
100.0%	100.0% #141C1B	RGB 20 28 27	#141C1B

#3D4C5E #364653 #304048 #29383D #223032 #1B2726 #141C1B

#3D4C5E - #29383D - #141C1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4C5E 0%, #29383D 50%, #141C1B 100%);
    background: -webkit-linear-gradient(top, #3D4C5E 0%, #29383D 50%, #141C1B 100%);
    background: linear-gradient(to bottom, #3D4C5E 0%, #29383D 50%, #141C1B 100%);
}
</style>