#4A8571 - #8CDF6E | 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 #4A8571 to #8CDF6E

#4A8571 #8CDF6E

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

#4A8571 - #8CDF6E | 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 #4A8571 as 0% and #8CDF6E as 100%.

0.0%	0.0% #4A8571	RGB 74 133 113	#4A8571
16.7%	16.7% #559470	RGB 85 148 112	#559470
33.3%	33.3% #60A370	RGB 96 163 112	#60A370
50.0%	50.0% #6BB26F	RGB 107 178 111	#6BB26F
66.7%	66.7% #76C16F	RGB 118 193 111	#76C16F
83.3%	83.3% #81D06E	RGB 129 208 110	#81D06E
100.0%	100.0% #8CDF6E	RGB 140 223 110	#8CDF6E

#4A8571 #559470 #60A370 #6BB26F #76C16F #81D06E #8CDF6E

#4A8571 - #8CDF6E

HSV Blend

#4A8571 - #8CDF6E | 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 #4A8571 as 0% and #8CDF6E as 100%.

0.0%	0.0% #4A8571	RGB 74 133 113	#4A8571
16.7%	16.7% #509472	RGB 80 148 114	#509472
33.3%	33.3% #57A371	RGB 87 163 113	#57A371
50.0%	50.0% #5DB26E	RGB 93 178 110	#5DB26E
66.7%	66.7% #63C167	RGB 99 193 103	#63C167
83.3%	83.3% #74D068	RGB 116 208 104	#74D068
100.0%	100.0% #8CDF6E	RGB 140 223 110	#8CDF6E

#4A8571 #509472 #57A371 #5DB26E #63C167 #74D068 #8CDF6E

#4A8571 - #5DB26E - #8CDF6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8571 0%, #5DB26E 50%, #8CDF6E 100%);
    background: -webkit-linear-gradient(top, #4A8571 0%, #5DB26E 50%, #8CDF6E 100%);
    background: linear-gradient(to bottom, #4A8571 0%, #5DB26E 50%, #8CDF6E 100%);
}
</style>