#EEFFDA - #AFE98A | 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 #EEFFDA to #AFE98A

#EEFFDA #AFE98A

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

#EEFFDA - #AFE98A | 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 #EEFFDA as 0% and #AFE98A as 100%.

0.0%	0.0% #EEFFDA	RGB 238 255 218	#EEFFDA
16.7%	16.7% #E3FBCC	RGB 227 251 204	#E3FBCC
33.3%	33.3% #D9F7BF	RGB 217 247 191	#D9F7BF
50.0%	50.0% #CEF4B2	RGB 206 244 178	#CEF4B2
66.7%	66.7% #C4F0A4	RGB 196 240 164	#C4F0A4
83.3%	83.3% #B9EC97	RGB 185 236 151	#B9EC97
100.0%	100.0% #AFE98A	RGB 175 233 138	#AFE98A

#EEFFDA #E3FBCC #D9F7BF #CEF4B2 #C4F0A4 #B9EC97 #AFE98A

#EEFFDA - #AFE98A

HSV Blend

#EEFFDA - #AFE98A | 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 #EEFFDA as 0% and #AFE98A as 100%.

0.0%	0.0% #EEFFDA	RGB 238 255 218	#EEFFDA
16.7%	16.7% #E4FBCB	RGB 228 251 203	#E4FBCB
33.3%	33.3% #DAF7BE	RGB 218 247 190	#DAF7BE
50.0%	50.0% #CFF4B0	RGB 207 244 176	#CFF4B0
66.7%	66.7% #C5F0A3	RGB 197 240 163	#C5F0A3
83.3%	83.3% #BAEC96	RGB 186 236 150	#BAEC96
100.0%	100.0% #AFE98A	RGB 175 233 138	#AFE98A

#EEFFDA #E4FBCB #DAF7BE #CFF4B0 #C5F0A3 #BAEC96 #AFE98A

#EEFFDA - #CFF4B0 - #AFE98A

CSS codes

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

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