#4A5E3C - #141A11 | 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 #4A5E3C to #141A11

#4A5E3C #141A11

Calculate the color between two colors, #4A5E3C and #141A11. 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)

#4A5E3C - #141A11 | 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 #4A5E3C as 0% and #141A11 as 100%.

0.0%	0.0% #4A5E3C	RGB 74 94 60	#4A5E3C
16.7%	16.7% #415234	RGB 65 82 52	#415234
33.3%	33.3% #38472D	RGB 56 71 45	#38472D
50.0%	50.0% #2F3C26	RGB 47 60 38	#2F3C26
66.7%	66.7% #26301F	RGB 38 48 31	#26301F
83.3%	83.3% #1D2518	RGB 29 37 24	#1D2518
100.0%	100.0% #141A11	RGB 20 26 17	#141A11

#4A5E3C #415234 #38472D #2F3C26 #26301F #1D2518 #141A11

#4A5E3C - #141A11

HSV Blend

#4A5E3C - #141A11 | 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 #4A5E3C as 0% and #141A11 as 100%.

0.0%	0.0% #4A5E3C	RGB 74 94 60	#4A5E3C
16.7%	16.7% #405234	RGB 64 82 52	#405234
33.3%	33.3% #37472D	RGB 55 71 45	#37472D
50.0%	50.0% #2E3C26	RGB 46 60 38	#2E3C26
66.7%	66.7% #25301F	RGB 37 48 31	#25301F
83.3%	83.3% #1C2518	RGB 28 37 24	#1C2518
100.0%	100.0% #141A11	RGB 20 26 17	#141A11

#4A5E3C #405234 #37472D #2E3C26 #25301F #1C2518 #141A11

#4A5E3C - #2E3C26 - #141A11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A5E3C 0%, #2E3C26 50%, #141A11 100%);
    background: -webkit-linear-gradient(top, #4A5E3C 0%, #2E3C26 50%, #141A11 100%);
    background: linear-gradient(to bottom, #4A5E3C 0%, #2E3C26 50%, #141A11 100%);
}
</style>