#4C5C3C - #174E05 | 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 #4C5C3C to #174E05

#4C5C3C #174E05

Calculate the color between two colors, #4C5C3C and #174E05. 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)

#4C5C3C - #174E05 | 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 #4C5C3C as 0% and #174E05 as 100%.

0.0%	0.0% #4C5C3C	RGB 76 92 60	#4C5C3C
16.7%	16.7% #435932	RGB 67 89 50	#435932
33.3%	33.3% #3A5729	RGB 58 87 41	#3A5729
50.0%	50.0% #315520	RGB 49 85 32	#315520
66.7%	66.7% #285217	RGB 40 82 23	#285217
83.3%	83.3% #1F500E	RGB 31 80 14	#1F500E
100.0%	100.0% #174E05	RGB 23 78 5	#174E05

#4C5C3C #435932 #3A5729 #315520 #285217 #1F500E #174E05

#4C5C3C - #174E05

HSV Blend

#4C5C3C - #174E05 | 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 #4C5C3C as 0% and #174E05 as 100%.

0.0%	0.0% #4C5C3C	RGB 76 92 60	#4C5C3C
16.7%	16.7% #435931	RGB 67 89 49	#435931
33.3%	33.3% #3B5727	RGB 59 87 39	#3B5727
50.0%	50.0% #32551E	RGB 50 85 30	#32551E
66.7%	66.7% #295215	RGB 41 82 21	#295215
83.3%	83.3% #20500D	RGB 32 80 13	#20500D
100.0%	100.0% #174E05	RGB 23 78 5	#174E05

#4C5C3C #435931 #3B5727 #32551E #295215 #20500D #174E05

#4C5C3C - #32551E - #174E05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5C3C 0%, #32551E 50%, #174E05 100%);
    background: -webkit-linear-gradient(top, #4C5C3C 0%, #32551E 50%, #174E05 100%);
    background: linear-gradient(to bottom, #4C5C3C 0%, #32551E 50%, #174E05 100%);
}
</style>