#A2FF76 - #97FEB8 | 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 #A2FF76 to #97FEB8

#A2FF76 #97FEB8

Calculate the color between two colors, #A2FF76 and #97FEB8. 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)

#A2FF76 - #97FEB8 | 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 #A2FF76 as 0% and #97FEB8 as 100%.

0.0%	0.0% #A2FF76	RGB 162 255 118	#A2FF76
16.7%	16.7% #A0FE81	RGB 160 254 129	#A0FE81
33.3%	33.3% #9EFE8C	RGB 158 254 140	#9EFE8C
50.0%	50.0% #9CFE97	RGB 156 254 151	#9CFE97
66.7%	66.7% #9AFEA2	RGB 154 254 162	#9AFEA2
83.3%	83.3% #98FEAD	RGB 152 254 173	#98FEAD
100.0%	100.0% #97FEB8	RGB 151 254 184	#97FEB8

#A2FF76 #A0FE81 #9EFE8C #9CFE97 #9AFEA2 #98FEAD #97FEB8

#A2FF76 - #97FEB8

HSV Blend

#A2FF76 - #97FEB8 | 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 #A2FF76 as 0% and #97FEB8 as 100%.

0.0%	0.0% #A1FF76	RGB 161 255 118	#A1FF76
16.7%	16.7% #97FE7B	RGB 151 254 123	#97FE7B
33.3%	33.3% #8EFE81	RGB 142 254 129	#8EFE81
50.0%	50.0% #86FE86	RGB 134 254 134	#86FE86
66.7%	66.7% #8CFE98	RGB 140 254 152	#8CFE98
83.3%	83.3% #91FEA8	RGB 145 254 168	#91FEA8
100.0%	100.0% #97FEB8	RGB 151 254 184	#97FEB8

#A1FF76 #97FE7B #8EFE81 #86FE86 #8CFE98 #91FEA8 #97FEB8

#A2FF76 - #86FE86 - #97FEB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1FF76 0%, #86FE86 50%, #97FEB8 100%);
    background: -webkit-linear-gradient(top, #A1FF76 0%, #86FE86 50%, #97FEB8 100%);
    background: linear-gradient(to bottom, #A1FF76 0%, #86FE86 50%, #97FEB8 100%);
}
</style>