#474D3E - #1E3204 | 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 #474D3E to #1E3204

#474D3E #1E3204

Calculate the color between two colors, #474D3E and #1E3204. 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)

#474D3E - #1E3204 | 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 #474D3E as 0% and #1E3204 as 100%.

0.0%	0.0% #474D3E	RGB 71 77 62	#474D3E
16.7%	16.7% #404834	RGB 64 72 52	#404834
33.3%	33.3% #39442A	RGB 57 68 42	#39442A
50.0%	50.0% #323F21	RGB 50 63 33	#323F21
66.7%	66.7% #2B3B17	RGB 43 59 23	#2B3B17
83.3%	83.3% #24360D	RGB 36 54 13	#24360D
100.0%	100.0% #1E3204	RGB 30 50 4	#1E3204

#474D3E #404834 #39442A #323F21 #2B3B17 #24360D #1E3204

#474D3E - #1E3204

HSV Blend

#474D3E - #1E3204 | 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 #474D3E as 0% and #1E3204 as 100%.

0.0%	0.0% #474D3E	RGB 71 77 62	#474D3E
16.7%	16.7% #3F4831	RGB 63 72 49	#3F4831
33.3%	33.3% #374426	RGB 55 68 38	#374426
50.0%	50.0% #303F1C	RGB 48 63 28	#303F1C
66.7%	66.7% #2A3B12	RGB 42 59 18	#2A3B12
83.3%	83.3% #23360A	RGB 35 54 10	#23360A
100.0%	100.0% #1E3204	RGB 30 50 4	#1E3204

#474D3E #3F4831 #374426 #303F1C #2A3B12 #23360A #1E3204

#474D3E - #303F1C - #1E3204

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #474D3E 0%, #303F1C 50%, #1E3204 100%);
    background: -webkit-linear-gradient(top, #474D3E 0%, #303F1C 50%, #1E3204 100%);
    background: linear-gradient(to bottom, #474D3E 0%, #303F1C 50%, #1E3204 100%);
}
</style>