#4E5E49 - #1D4108 | 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 #4E5E49 to #1D4108

#4E5E49 #1D4108

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

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

0.0%	0.0% #4E5E49	RGB 78 94 73	#4E5E49
16.7%	16.7% #45593E	RGB 69 89 62	#45593E
33.3%	33.3% #3D5433	RGB 61 84 51	#3D5433
50.0%	50.0% #354F28	RGB 53 79 40	#354F28
66.7%	66.7% #2D4A1D	RGB 45 74 29	#2D4A1D
83.3%	83.3% #254512	RGB 37 69 18	#254512
100.0%	100.0% #1D4108	RGB 29 65 8	#1D4108

#4E5E49 #45593E #3D5433 #354F28 #2D4A1D #254512 #1D4108

#4E5E49 - #1D4108

HSV Blend

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

0.0%	0.0% #4E5E49	RGB 78 94 73	#4E5E49
16.7%	16.7% #43593B	RGB 67 89 59	#43593B
33.3%	33.3% #39542F	RGB 57 84 47	#39542F
50.0%	50.0% #314F23	RGB 49 79 35	#314F23
66.7%	66.7% #294A19	RGB 41 74 25	#294A19
83.3%	83.3% #224510	RGB 34 69 16	#224510
100.0%	100.0% #1D4108	RGB 29 65 8	#1D4108

#4E5E49 #43593B #39542F #314F23 #294A19 #224510 #1D4108

#4E5E49 - #314F23 - #1D4108

CSS codes

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

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