#4A8D68 - #C0D084 | 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 #4A8D68 to #C0D084

#4A8D68 #C0D084

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

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

0.0%	0.0% #4A8D68	RGB 74 141 104	#4A8D68
16.7%	16.7% #5D986C	RGB 93 152 108	#5D986C
33.3%	33.3% #71A371	RGB 113 163 113	#71A371
50.0%	50.0% #85AE76	RGB 133 174 118	#85AE76
66.7%	66.7% #98B97A	RGB 152 185 122	#98B97A
83.3%	83.3% #ACC47F	RGB 172 196 127	#ACC47F
100.0%	100.0% #C0D084	RGB 192 208 132	#C0D084

#4A8D68 #5D986C #71A371 #85AE76 #98B97A #ACC47F #C0D084

#4A8D68 - #C0D084

HSV Blend

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

0.0%	0.0% #4A8D68	RGB 74 141 104	#4A8D68
16.7%	16.7% #529863	RGB 82 152 99	#529863
33.3%	33.3% #5BA35E	RGB 91 163 94	#5BA35E
50.0%	50.0% #71AE65	RGB 113 174 101	#71AE65
66.7%	66.7% #8BB96F	RGB 139 185 111	#8BB96F
83.3%	83.3% #A5C479	RGB 165 196 121	#A5C479
100.0%	100.0% #C0D084	RGB 192 208 132	#C0D084

#4A8D68 #529863 #5BA35E #71AE65 #8BB96F #A5C479 #C0D084

#4A8D68 - #71AE65 - #C0D084

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8D68 0%, #71AE65 50%, #C0D084 100%);
    background: -webkit-linear-gradient(top, #4A8D68 0%, #71AE65 50%, #C0D084 100%);
    background: linear-gradient(to bottom, #4A8D68 0%, #71AE65 50%, #C0D084 100%);
}
</style>