#AFF6A8 - #4CCC3E | 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 #AFF6A8 to #4CCC3E

#AFF6A8 #4CCC3E

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

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

0.0%	0.0% #AFF6A8	RGB 175 246 168	#AFF6A8
16.7%	16.7% #9EEF96	RGB 158 239 150	#9EEF96
33.3%	33.3% #8EE884	RGB 142 232 132	#8EE884
50.0%	50.0% #7DE173	RGB 125 225 115	#7DE173
66.7%	66.7% #6DDA61	RGB 109 218 97	#6DDA61
83.3%	83.3% #5CD34F	RGB 92 211 79	#5CD34F
100.0%	100.0% #4CCC3E	RGB 76 204 62	#4CCC3E

#AFF6A8 #9EEF96 #8EE884 #7DE173 #6DDA61 #5CD34F #4CCC3E

#AFF6A8 - #4CCC3E

HSV Blend

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

0.0%	0.0% #AFF6A8	RGB 175 246 168	#AFF6A8
16.7%	16.7% #9CEF94	RGB 156 239 148	#9CEF94
33.3%	33.3% #8AE881	RGB 138 232 129	#8AE881
50.0%	50.0% #79E16F	RGB 121 225 111	#79E16F
66.7%	66.7% #69DA5D	RGB 105 218 93	#69DA5D
83.3%	83.3% #5AD34D	RGB 90 211 77	#5AD34D
100.0%	100.0% #4CCC3E	RGB 76 204 62	#4CCC3E

#AFF6A8 #9CEF94 #8AE881 #79E16F #69DA5D #5AD34D #4CCC3E

#AFF6A8 - #79E16F - #4CCC3E

CSS codes

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

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