#4E5E4A - #1C4108 | 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 #4E5E4A to #1C4108

#4E5E4A #1C4108

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

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

0.0%	0.0% #4E5E4A	RGB 78 94 74	#4E5E4A
16.7%	16.7% #45593F	RGB 69 89 63	#45593F
33.3%	33.3% #3D5434	RGB 61 84 52	#3D5434
50.0%	50.0% #354F29	RGB 53 79 41	#354F29
66.7%	66.7% #2C4A1E	RGB 44 74 30	#2C4A1E
83.3%	83.3% #244513	RGB 36 69 19	#244513
100.0%	100.0% #1C4108	RGB 28 65 8	#1C4108

#4E5E4A #45593F #3D5434 #354F29 #2C4A1E #244513 #1C4108

#4E5E4A - #1C4108

HSV Blend

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

0.0%	0.0% #4E5E4A	RGB 78 94 74	#4E5E4A
16.7%	16.7% #42593C	RGB 66 89 60	#42593C
33.3%	33.3% #38542F	RGB 56 84 47	#38542F
50.0%	50.0% #304F24	RGB 48 79 36	#304F24
66.7%	66.7% #284A19	RGB 40 74 25	#284A19
83.3%	83.3% #214510	RGB 33 69 16	#214510
100.0%	100.0% #1C4108	RGB 28 65 8	#1C4108

#4E5E4A #42593C #38542F #304F24 #284A19 #214510 #1C4108

#4E5E4A - #304F24 - #1C4108

CSS codes

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

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