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

#4F5E4A #1D4108

Calculate the color between two colors, #4F5E4A 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)

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

0.0%	0.0% #4F5E4A	RGB 79 94 74	#4F5E4A
16.7%	16.7% #46593F	RGB 70 89 63	#46593F
33.3%	33.3% #3E5434	RGB 62 84 52	#3E5434
50.0%	50.0% #364F29	RGB 54 79 41	#364F29
66.7%	66.7% #2D4A1E	RGB 45 74 30	#2D4A1E
83.3%	83.3% #254513	RGB 37 69 19	#254513
100.0%	100.0% #1D4108	RGB 29 65 8	#1D4108

#4F5E4A #46593F #3E5434 #364F29 #2D4A1E #254513 #1D4108

#4F5E4A - #1D4108

HSV Blend

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

0.0%	0.0% #4F5E4A	RGB 79 94 74	#4F5E4A
16.7%	16.7% #44593C	RGB 68 89 60	#44593C
33.3%	33.3% #3A542F	RGB 58 84 47	#3A542F
50.0%	50.0% #314F24	RGB 49 79 36	#314F24
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

#4F5E4A #44593C #3A542F #314F24 #294A19 #224510 #1D4108

#4F5E4A - #314F24 - #1D4108

CSS codes

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

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