#4B5E21 - #141A09 | 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 #4B5E21 to #141A09

#4B5E21 #141A09

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

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

0.0%	0.0% #4B5E21	RGB 75 94 33	#4B5E21
16.7%	16.7% #41521D	RGB 65 82 29	#41521D
33.3%	33.3% #384719	RGB 56 71 25	#384719
50.0%	50.0% #2F3C15	RGB 47 60 21	#2F3C15
66.7%	66.7% #263011	RGB 38 48 17	#263011
83.3%	83.3% #1D250D	RGB 29 37 13	#1D250D
100.0%	100.0% #141A09	RGB 20 26 9	#141A09

#4B5E21 #41521D #384719 #2F3C15 #263011 #1D250D #141A09

#4B5E21 - #141A09

HSV Blend

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

0.0%	0.0% #4B5E21	RGB 75 94 33	#4B5E21
16.7%	16.7% #41521C	RGB 65 82 28	#41521C
33.3%	33.3% #384718	RGB 56 71 24	#384718
50.0%	50.0% #2F3C14	RGB 47 60 20	#2F3C14
66.7%	66.7% #253010	RGB 37 48 16	#253010
83.3%	83.3% #1C250C	RGB 28 37 12	#1C250C
100.0%	100.0% #141A09	RGB 20 26 9	#141A09

#4B5E21 #41521C #384718 #2F3C14 #253010 #1C250C #141A09

#4B5E21 - #2F3C14 - #141A09

CSS codes

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

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