#AAFFB5 - #4DDD84 | 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 #AAFFB5 to #4DDD84

#AAFFB5 #4DDD84

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

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

0.0%	0.0% #AAFFB5	RGB 170 255 181	#AAFFB5
16.7%	16.7% #9AF9AC	RGB 154 249 172	#9AF9AC
33.3%	33.3% #8BF3A4	RGB 139 243 164	#8BF3A4
50.0%	50.0% #7BEE9C	RGB 123 238 156	#7BEE9C
66.7%	66.7% #6CE894	RGB 108 232 148	#6CE894
83.3%	83.3% #5CE28C	RGB 92 226 140	#5CE28C
100.0%	100.0% #4DDD84	RGB 77 221 132	#4DDD84

#AAFFB5 #9AF9AC #8BF3A4 #7BEE9C #6CE894 #5CE28C #4DDD84

#AAFFB5 - #4DDD84

HSV Blend

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

0.0%	0.0% #AAFFB5	RGB 170 255 181	#AAFFB5
16.7%	16.7% #98F9A9	RGB 152 249 169	#98F9A9
33.3%	33.3% #88F39F	RGB 136 243 159	#88F39F
50.0%	50.0% #78EE96	RGB 120 238 150	#78EE96
66.7%	66.7% #69E88F	RGB 105 232 143	#69E88F
83.3%	83.3% #5AE289	RGB 90 226 137	#5AE289
100.0%	100.0% #4DDD84	RGB 77 221 132	#4DDD84

#AAFFB5 #98F9A9 #88F39F #78EE96 #69E88F #5AE289 #4DDD84

#AAFFB5 - #78EE96 - #4DDD84

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAFFB5 0%, #78EE96 50%, #4DDD84 100%);
    background: -webkit-linear-gradient(top, #AAFFB5 0%, #78EE96 50%, #4DDD84 100%);
    background: linear-gradient(to bottom, #AAFFB5 0%, #78EE96 50%, #4DDD84 100%);
}
</style>