#ECFFCF - #AFE97C | 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 #ECFFCF to #AFE97C

#ECFFCF #AFE97C

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

#ECFFCF - #AFE97C | 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 #ECFFCF as 0% and #AFE97C as 100%.

0.0%	0.0% #ECFFCF	RGB 236 255 207	#ECFFCF
16.7%	16.7% #E1FBC1	RGB 225 251 193	#E1FBC1
33.3%	33.3% #D7F7B3	RGB 215 247 179	#D7F7B3
50.0%	50.0% #CDF4A5	RGB 205 244 165	#CDF4A5
66.7%	66.7% #C3F097	RGB 195 240 151	#C3F097
83.3%	83.3% #B9EC89	RGB 185 236 137	#B9EC89
100.0%	100.0% #AFE97C	RGB 175 233 124	#AFE97C

#ECFFCF #E1FBC1 #D7F7B3 #CDF4A5 #C3F097 #B9EC89 #AFE97C

#ECFFCF - #AFE97C

HSV Blend

#ECFFCF - #AFE97C | 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 #ECFFCF as 0% and #AFE97C as 100%.

0.0%	0.0% #ECFFCF	RGB 236 255 207	#ECFFCF
16.7%	16.7% #E2FBC0	RGB 226 251 192	#E2FBC0
33.3%	33.3% #D8F7B1	RGB 216 247 177	#D8F7B1
50.0%	50.0% #CEF4A3	RGB 206 244 163	#CEF4A3
66.7%	66.7% #C4F096	RGB 196 240 150	#C4F096
83.3%	83.3% #B9EC88	RGB 185 236 136	#B9EC88
100.0%	100.0% #AFE97C	RGB 175 233 124	#AFE97C

#ECFFCF #E2FBC0 #D8F7B1 #CEF4A3 #C4F096 #B9EC88 #AFE97C

#ECFFCF - #CEF4A3 - #AFE97C

CSS codes

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

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