#AFDB7E - #E8F4DA | 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 #AFDB7E to #E8F4DA

#AFDB7E #E8F4DA

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

#AFDB7E - #E8F4DA | 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 #AFDB7E as 0% and #E8F4DA as 100%.

0.0%	0.0% #AFDB7E	RGB 175 219 126	#AFDB7E
16.7%	16.7% #B8DF8D	RGB 184 223 141	#B8DF8D
33.3%	33.3% #C2E39C	RGB 194 227 156	#C2E39C
50.0%	50.0% #CBE7AC	RGB 203 231 172	#CBE7AC
66.7%	66.7% #D5EBBB	RGB 213 235 187	#D5EBBB
83.3%	83.3% #DEEFCA	RGB 222 239 202	#DEEFCA
100.0%	100.0% #E8F4DA	RGB 232 244 218	#E8F4DA

#AFDB7E #B8DF8D #C2E39C #CBE7AC #D5EBBB #DEEFCA #E8F4DA

#AFDB7E - #E8F4DA

HSV Blend

#AFDB7E - #E8F4DA | 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 #AFDB7E as 0% and #E8F4DA as 100%.

0.0%	0.0% #AFDB7E	RGB 175 219 126	#AFDB7E
16.7%	16.7% #B8DF8C	RGB 184 223 140	#B8DF8C
33.3%	33.3% #C1E39A	RGB 193 227 154	#C1E39A
50.0%	50.0% #CAE7AA	RGB 202 231 170	#CAE7AA
66.7%	66.7% #D4EBB9	RGB 212 235 185	#D4EBB9
83.3%	83.3% #DEEFC9	RGB 222 239 201	#DEEFC9
100.0%	100.0% #E8F4DA	RGB 232 244 218	#E8F4DA

#AFDB7E #B8DF8C #C1E39A #CAE7AA #D4EBB9 #DEEFC9 #E8F4DA

#AFDB7E - #CAE7AA - #E8F4DA

CSS codes

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

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