#EDF9DB - #AFDD8C | 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 #EDF9DB to #AFDD8C

#EDF9DB #AFDD8C

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

#EDF9DB - #AFDD8C | 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 #EDF9DB as 0% and #AFDD8C as 100%.

0.0%	0.0% #EDF9DB	RGB 237 249 219	#EDF9DB
16.7%	16.7% #E2F4CD	RGB 226 244 205	#E2F4CD
33.3%	33.3% #D8EFC0	RGB 216 239 192	#D8EFC0
50.0%	50.0% #CEEBB3	RGB 206 235 179	#CEEBB3
66.7%	66.7% #C3E6A6	RGB 195 230 166	#C3E6A6
83.3%	83.3% #B9E199	RGB 185 225 153	#B9E199
100.0%	100.0% #AFDD8C	RGB 175 221 140	#AFDD8C

#EDF9DB #E2F4CD #D8EFC0 #CEEBB3 #C3E6A6 #B9E199 #AFDD8C

#EDF9DB - #AFDD8C

HSV Blend

#EDF9DB - #AFDD8C | 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 #EDF9DB as 0% and #AFDD8C as 100%.

0.0%	0.0% #EDF9DB	RGB 237 249 219	#EDF9DB
16.7%	16.7% #E3F4CC	RGB 227 244 204	#E3F4CC
33.3%	33.3% #D9EFBF	RGB 217 239 191	#D9EFBF
50.0%	50.0% #CFEBB1	RGB 207 235 177	#CFEBB1
66.7%	66.7% #C4E6A4	RGB 196 230 164	#C4E6A4
83.3%	83.3% #BAE198	RGB 186 225 152	#BAE198
100.0%	100.0% #AFDD8C	RGB 175 221 140	#AFDD8C

#EDF9DB #E3F4CC #D9EFBF #CFEBB1 #C4E6A4 #BAE198 #AFDD8C

#EDF9DB - #CFEBB1 - #AFDD8C

CSS codes

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

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