#4A5E3D - #1D3D05 | 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 #4A5E3D to #1D3D05

#4A5E3D #1D3D05

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

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

0.0%	0.0% #4A5E3D	RGB 74 94 61	#4A5E3D
16.7%	16.7% #425833	RGB 66 88 51	#425833
33.3%	33.3% #3B532A	RGB 59 83 42	#3B532A
50.0%	50.0% #334D21	RGB 51 77 33	#334D21
66.7%	66.7% #2C4817	RGB 44 72 23	#2C4817
83.3%	83.3% #24420E	RGB 36 66 14	#24420E
100.0%	100.0% #1D3D05	RGB 29 61 5	#1D3D05

#4A5E3D #425833 #3B532A #334D21 #2C4817 #24420E #1D3D05

#4A5E3D - #1D3D05

HSV Blend

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

0.0%	0.0% #4A5E3D	RGB 74 94 61	#4A5E3D
16.7%	16.7% #405831	RGB 64 88 49	#405831
33.3%	33.3% #385326	RGB 56 83 38	#385326
50.0%	50.0% #304D1C	RGB 48 77 28	#304D1C
66.7%	66.7% #294813	RGB 41 72 19	#294813
83.3%	83.3% #22420B	RGB 34 66 11	#22420B
100.0%	100.0% #1D3D05	RGB 29 61 5	#1D3D05

#4A5E3D #405831 #385326 #304D1C #294813 #22420B #1D3D05

#4A5E3D - #304D1C - #1D3D05

CSS codes

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

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