#4F5E4C - #1C4208 | 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 #4F5E4C to #1C4208

#4F5E4C #1C4208

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

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

0.0%	0.0% #4F5E4C	RGB 79 94 76	#4F5E4C
16.7%	16.7% #465940	RGB 70 89 64	#465940
33.3%	33.3% #3E5435	RGB 62 84 53	#3E5435
50.0%	50.0% #35502A	RGB 53 80 42	#35502A
66.7%	66.7% #2D4B1E	RGB 45 75 30	#2D4B1E
83.3%	83.3% #244613	RGB 36 70 19	#244613
100.0%	100.0% #1C4208	RGB 28 66 8	#1C4208

#4F5E4C #465940 #3E5435 #35502A #2D4B1E #244613 #1C4208

#4F5E4C - #1C4208

HSV Blend

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

0.0%	0.0% #4F5E4C	RGB 79 94 76	#4F5E4C
16.7%	16.7% #43593D	RGB 67 89 61	#43593D
33.3%	33.3% #395431	RGB 57 84 49	#395431
50.0%	50.0% #305025	RGB 48 80 37	#305025
66.7%	66.7% #284B1A	RGB 40 75 26	#284B1A
83.3%	83.3% #214610	RGB 33 70 16	#214610
100.0%	100.0% #1C4208	RGB 28 66 8	#1C4208

#4F5E4C #43593D #395431 #305025 #284B1A #214610 #1C4208

#4F5E4C - #305025 - #1C4208

CSS codes

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

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