#4A5E2D - #323F01 | 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 #4A5E2D to #323F01

#4A5E2D #323F01

Calculate the color between two colors, #4A5E2D and #323F01. 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)

#4A5E2D - #323F01 | 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 #4A5E2D as 0% and #323F01 as 100%.

0.0%	0.0% #4A5E2D	RGB 74 94 45	#4A5E2D
16.7%	16.7% #465825	RGB 70 88 37	#465825
33.3%	33.3% #42531E	RGB 66 83 30	#42531E
50.0%	50.0% #3E4E17	RGB 62 78 23	#3E4E17
66.7%	66.7% #3A490F	RGB 58 73 15	#3A490F
83.3%	83.3% #364408	RGB 54 68 8	#364408
100.0%	100.0% #323F01	RGB 50 63 1	#323F01

#4A5E2D #465825 #42531E #3E4E17 #3A490F #364408 #323F01

#4A5E2D - #323F01

HSV Blend

#4A5E2D - #323F01 | 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 #4A5E2D as 0% and #323F01 as 100%.

0.0%	0.0% #4A5E2D	RGB 74 94 45	#4A5E2D
16.7%	16.7% #445823	RGB 68 88 35	#445823
33.3%	33.3% #40531B	RGB 64 83 27	#40531B
50.0%	50.0% #3C4E13	RGB 60 78 19	#3C4E13
66.7%	66.7% #38490C	RGB 56 73 12	#38490C
83.3%	83.3% #354406	RGB 53 68 6	#354406
100.0%	100.0% #323F01	RGB 50 63 1	#323F01

#4A5E2D #445823 #40531B #3C4E13 #38490C #354406 #323F01

#4A5E2D - #3C4E13 - #323F01

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A5E2D 0%, #3C4E13 50%, #323F01 100%);
    background: -webkit-linear-gradient(top, #4A5E2D 0%, #3C4E13 50%, #323F01 100%);
    background: linear-gradient(to bottom, #4A5E2D 0%, #3C4E13 50%, #323F01 100%);
}
</style>