#E4EEDB - #AFDF8D | 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 #E4EEDB to #AFDF8D

#E4EEDB #AFDF8D

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

#E4EEDB - #AFDF8D | 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 #E4EEDB as 0% and #AFDF8D as 100%.

0.0%	0.0% #E4EEDB	RGB 228 238 219	#E4EEDB
16.7%	16.7% #DBEBCE	RGB 219 235 206	#DBEBCE
33.3%	33.3% #D2E9C1	RGB 210 233 193	#D2E9C1
50.0%	50.0% #C9E6B4	RGB 201 230 180	#C9E6B4
66.7%	66.7% #C0E4A7	RGB 192 228 167	#C0E4A7
83.3%	83.3% #B7E19A	RGB 183 225 154	#B7E19A
100.0%	100.0% #AFDF8D	RGB 175 223 141	#AFDF8D

#E4EEDB #DBEBCE #D2E9C1 #C9E6B4 #C0E4A7 #B7E19A #AFDF8D

#E4EEDB - #AFDF8D

HSV Blend

#E4EEDB - #AFDF8D | 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 #E4EEDB as 0% and #AFDF8D as 100%.

0.0%	0.0% #E4EEDB	RGB 228 238 219	#E4EEDB
16.7%	16.7% #DBEBCD	RGB 219 235 205	#DBEBCD
33.3%	33.3% #D2E9C0	RGB 210 233 192	#D2E9C0
50.0%	50.0% #C9E6B2	RGB 201 230 178	#C9E6B2
66.7%	66.7% #C0E4A6	RGB 192 228 166	#C0E4A6
83.3%	83.3% #B8E199	RGB 184 225 153	#B8E199
100.0%	100.0% #AFDF8D	RGB 175 223 141	#AFDF8D

#E4EEDB #DBEBCD #D2E9C0 #C9E6B2 #C0E4A6 #B8E199 #AFDF8D

#E4EEDB - #C9E6B2 - #AFDF8D

CSS codes

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

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