#4C8D5E - #C5D17E | 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 #4C8D5E to #C5D17E

#4C8D5E #C5D17E

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

#4C8D5E - #C5D17E | 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 #4C8D5E as 0% and #C5D17E as 100%.

0.0%	0.0% #4C8D5E	RGB 76 141 94	#4C8D5E
16.7%	16.7% #609863	RGB 96 152 99	#609863
33.3%	33.3% #74A368	RGB 116 163 104	#74A368
50.0%	50.0% #88AF6E	RGB 136 175 110	#88AF6E
66.7%	66.7% #9CBA73	RGB 156 186 115	#9CBA73
83.3%	83.3% #B0C578	RGB 176 197 120	#B0C578
100.0%	100.0% #C5D17E	RGB 197 209 126	#C5D17E

#4C8D5E #609863 #74A368 #88AF6E #9CBA73 #B0C578 #C5D17E

#4C8D5E - #C5D17E

HSV Blend

#4C8D5E - #C5D17E | 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 #4C8D5E as 0% and #C5D17E as 100%.

0.0%	0.0% #4C8D5E	RGB 76 141 94	#4C8D5E
16.7%	16.7% #539859	RGB 83 152 89	#539859
33.3%	33.3% #62A35B	RGB 98 163 91	#62A35B
50.0%	50.0% #79AF63	RGB 121 175 99	#79AF63
66.7%	66.7% #91BA6C	RGB 145 186 108	#91BA6C
83.3%	83.3% #AAC575	RGB 170 197 117	#AAC575
100.0%	100.0% #C5D17E	RGB 197 209 126	#C5D17E

#4C8D5E #539859 #62A35B #79AF63 #91BA6C #AAC575 #C5D17E

#4C8D5E - #79AF63 - #C5D17E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C8D5E 0%, #79AF63 50%, #C5D17E 100%);
    background: -webkit-linear-gradient(top, #4C8D5E 0%, #79AF63 50%, #C5D17E 100%);
    background: linear-gradient(to bottom, #4C8D5E 0%, #79AF63 50%, #C5D17E 100%);
}
</style>