#AFFFC5 - #3ADB6E | 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 #AFFFC5 to #3ADB6E

#AFFFC5 #3ADB6E

Calculate the color between two colors, #AFFFC5 and #3ADB6E. 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)

#AFFFC5 - #3ADB6E | 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 #AFFFC5 as 0% and #3ADB6E as 100%.

0.0%	0.0% #AFFFC5	RGB 175 255 197	#AFFFC5
16.7%	16.7% #9BF9B6	RGB 155 249 182	#9BF9B6
33.3%	33.3% #88F3A8	RGB 136 243 168	#88F3A8
50.0%	50.0% #74ED99	RGB 116 237 153	#74ED99
66.7%	66.7% #61E78B	RGB 97 231 139	#61E78B
83.3%	83.3% #4DE17C	RGB 77 225 124	#4DE17C
100.0%	100.0% #3ADB6E	RGB 58 219 110	#3ADB6E

#AFFFC5 #9BF9B6 #88F3A8 #74ED99 #61E78B #4DE17C #3ADB6E

#AFFFC5 - #3ADB6E

HSV Blend

#AFFFC5 - #3ADB6E | 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 #AFFFC5 as 0% and #3ADB6E as 100%.

0.0%	0.0% #AFFFC5	RGB 175 255 197	#AFFFC5
16.7%	16.7% #99F9B4	RGB 153 249 180	#99F9B4
33.3%	33.3% #84F3A4	RGB 132 243 164	#84F3A4
50.0%	50.0% #70ED95	RGB 112 237 149	#70ED95
66.7%	66.7% #5DE787	RGB 93 231 135	#5DE787
83.3%	83.3% #4BE17A	RGB 75 225 122	#4BE17A
100.0%	100.0% #3ADB6E	RGB 58 219 110	#3ADB6E

#AFFFC5 #99F9B4 #84F3A4 #70ED95 #5DE787 #4BE17A #3ADB6E

#AFFFC5 - #70ED95 - #3ADB6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFFFC5 0%, #70ED95 50%, #3ADB6E 100%);
    background: -webkit-linear-gradient(top, #AFFFC5 0%, #70ED95 50%, #3ADB6E 100%);
    background: linear-gradient(to bottom, #AFFFC5 0%, #70ED95 50%, #3ADB6E 100%);
}
</style>