#404C5E - #141D1B | 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 #404C5E to #141D1B

#404C5E #141D1B

Calculate the color between two colors, #404C5E and #141D1B. 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)

#404C5E - #141D1B | 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 #404C5E as 0% and #141D1B as 100%.

0.0%	0.0% #404C5E	RGB 64 76 94	#404C5E
16.7%	16.7% #384452	RGB 56 68 82	#384452
33.3%	33.3% #313C47	RGB 49 60 71	#313C47
50.0%	50.0% #2A343C	RGB 42 52 60	#2A343C
66.7%	66.7% #222C31	RGB 34 44 49	#222C31
83.3%	83.3% #1B2426	RGB 27 36 38	#1B2426
100.0%	100.0% #141D1B	RGB 20 29 27	#141D1B

#404C5E #384452 #313C47 #2A343C #222C31 #1B2426 #141D1B

#404C5E - #141D1B

HSV Blend

#404C5E - #141D1B | 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 #404C5E as 0% and #141D1B as 100%.

0.0%	0.0% #404C5E	RGB 64 76 94	#404C5E
16.7%	16.7% #384653	RGB 56 70 83	#384653
33.3%	33.3% #314048	RGB 49 64 72	#314048
50.0%	50.0% #2A393D	RGB 42 57 61	#2A393D
66.7%	66.7% #223132	RGB 34 49 50	#223132
83.3%	83.3% #1B2726	RGB 27 39 38	#1B2726
100.0%	100.0% #141D1B	RGB 20 29 27	#141D1B

#404C5E #384653 #314048 #2A393D #223132 #1B2726 #141D1B

#404C5E - #2A393D - #141D1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #404C5E 0%, #2A393D 50%, #141D1B 100%);
    background: -webkit-linear-gradient(top, #404C5E 0%, #2A393D 50%, #141D1B 100%);
    background: linear-gradient(to bottom, #404C5E 0%, #2A393D 50%, #141D1B 100%);
}
</style>