#AFFF97 - #C9FBC2 | 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 #AFFF97 to #C9FBC2

#AFFF97 #C9FBC2

Calculate the color between two colors, #AFFF97 and #C9FBC2. 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)

#AFFF97 - #C9FBC2 | 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 #AFFF97 as 0% and #C9FBC2 as 100%.

0.0%	0.0% #AFFF97	RGB 175 255 151	#AFFF97
16.7%	16.7% #B3FE9E	RGB 179 254 158	#B3FE9E
33.3%	33.3% #B7FDA5	RGB 183 253 165	#B7FDA5
50.0%	50.0% #BCFDAC	RGB 188 253 172	#BCFDAC
66.7%	66.7% #C0FCB3	RGB 192 252 179	#C0FCB3
83.3%	83.3% #C4FBBA	RGB 196 251 186	#C4FBBA
100.0%	100.0% #C9FBC2	RGB 201 251 194	#C9FBC2

#AFFF97 #B3FE9E #B7FDA5 #BCFDAC #C0FCB3 #C4FBBA #C9FBC2

#AFFF97 - #C9FBC2

HSV Blend

#AFFF97 - #C9FBC2 | 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 #AFFF97 as 0% and #C9FBC2 as 100%.

0.0%	0.0% #AEFF97	RGB 174 255 151	#AEFF97
16.7%	16.7% #B2FE9E	RGB 178 254 158	#B2FE9E
33.3%	33.3% #B6FDA5	RGB 182 253 165	#B6FDA5
50.0%	50.0% #BAFDAC	RGB 186 253 172	#BAFDAC
66.7%	66.7% #BFFCB3	RGB 191 252 179	#BFFCB3
83.3%	83.3% #C4FBBA	RGB 196 251 186	#C4FBBA
100.0%	100.0% #C9FBC2	RGB 201 251 194	#C9FBC2

#AEFF97 #B2FE9E #B6FDA5 #BAFDAC #BFFCB3 #C4FBBA #C9FBC2

#AFFF97 - #BAFDAC - #C9FBC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AEFF97 0%, #BAFDAC 50%, #C9FBC2 100%);
    background: -webkit-linear-gradient(top, #AEFF97 0%, #BAFDAC 50%, #C9FBC2 100%);
    background: linear-gradient(to bottom, #AEFF97 0%, #BAFDAC 50%, #C9FBC2 100%);
}
</style>