#4C5E2D - #1D3305 | 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 #4C5E2D to #1D3305

#4C5E2D #1D3305

Calculate the color between two colors, #4C5E2D and #1D3305. 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)

#4C5E2D - #1D3305 | 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 #4C5E2D as 0% and #1D3305 as 100%.

0.0%	0.0% #4C5E2D	RGB 76 94 45	#4C5E2D
16.7%	16.7% #445626	RGB 68 86 38	#445626
33.3%	33.3% #3C4F1F	RGB 60 79 31	#3C4F1F
50.0%	50.0% #344819	RGB 52 72 25	#344819
66.7%	66.7% #2C4112	RGB 44 65 18	#2C4112
83.3%	83.3% #243A0B	RGB 36 58 11	#243A0B
100.0%	100.0% #1D3305	RGB 29 51 5	#1D3305

#4C5E2D #445626 #3C4F1F #344819 #2C4112 #243A0B #1D3305

#4C5E2D - #1D3305

HSV Blend

#4C5E2D - #1D3305 | 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 #4C5E2D as 0% and #1D3305 as 100%.

0.0%	0.0% #4C5E2D	RGB 76 94 45	#4C5E2D
16.7%	16.7% #435624	RGB 67 86 36	#435624
33.3%	33.3% #3A4F1C	RGB 58 79 28	#3A4F1C
50.0%	50.0% #324814	RGB 50 72 20	#324814
66.7%	66.7% #2A410E	RGB 42 65 14	#2A410E
83.3%	83.3% #233A09	RGB 35 58 9	#233A09
100.0%	100.0% #1D3305	RGB 29 51 5	#1D3305

#4C5E2D #435624 #3A4F1C #324814 #2A410E #233A09 #1D3305

#4C5E2D - #324814 - #1D3305

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E2D 0%, #324814 50%, #1D3305 100%);
    background: -webkit-linear-gradient(top, #4C5E2D 0%, #324814 50%, #1D3305 100%);
    background: linear-gradient(to bottom, #4C5E2D 0%, #324814 50%, #1D3305 100%);
}
</style>