#AFD97B - #E8F4D9 | 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 #AFD97B to #E8F4D9

#AFD97B #E8F4D9

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

#AFD97B - #E8F4D9 | 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 #AFD97B as 0% and #E8F4D9 as 100%.

0.0%	0.0% #AFD97B	RGB 175 217 123	#AFD97B
16.7%	16.7% #B8DD8A	RGB 184 221 138	#B8DD8A
33.3%	33.3% #C2E29A	RGB 194 226 154	#C2E29A
50.0%	50.0% #CBE6AA	RGB 203 230 170	#CBE6AA
66.7%	66.7% #D5EBB9	RGB 213 235 185	#D5EBB9
83.3%	83.3% #DEEFC9	RGB 222 239 201	#DEEFC9
100.0%	100.0% #E8F4D9	RGB 232 244 217	#E8F4D9

#AFD97B #B8DD8A #C2E29A #CBE6AA #D5EBB9 #DEEFC9 #E8F4D9

#AFD97B - #E8F4D9

HSV Blend

#AFD97B - #E8F4D9 | 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 #AFD97B as 0% and #E8F4D9 as 100%.

0.0%	0.0% #AFD97B	RGB 175 217 123	#AFD97B
16.7%	16.7% #B7DD89	RGB 183 221 137	#B7DD89
33.3%	33.3% #C1E298	RGB 193 226 152	#C1E298
50.0%	50.0% #CAE6A7	RGB 202 230 167	#CAE6A7
66.7%	66.7% #D4EBB7	RGB 212 235 183	#D4EBB7
83.3%	83.3% #DDEFC8	RGB 221 239 200	#DDEFC8
100.0%	100.0% #E8F4D9	RGB 232 244 217	#E8F4D9

#AFD97B #B7DD89 #C1E298 #CAE6A7 #D4EBB7 #DDEFC8 #E8F4D9

#AFD97B - #CAE6A7 - #E8F4D9

CSS codes

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

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