#AFD269 - #E8F2D4 | 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 #AFD269 to #E8F2D4

#AFD269 #E8F2D4

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

#AFD269 - #E8F2D4 | 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 #AFD269 as 0% and #E8F2D4 as 100%.

0.0%	0.0% #AFD269	RGB 175 210 105	#AFD269
16.7%	16.7% #B8D77A	RGB 184 215 122	#B8D77A
33.3%	33.3% #C2DC8C	RGB 194 220 140	#C2DC8C
50.0%	50.0% #CBE29E	RGB 203 226 158	#CBE29E
66.7%	66.7% #D5E7B0	RGB 213 231 176	#D5E7B0
83.3%	83.3% #DEECC2	RGB 222 236 194	#DEECC2
100.0%	100.0% #E8F2D4	RGB 232 242 212	#E8F2D4

#AFD269 #B8D77A #C2DC8C #CBE29E #D5E7B0 #DEECC2 #E8F2D4

#AFD269 - #E8F2D4

HSV Blend

#AFD269 - #E8F2D4 | 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 #AFD269 as 0% and #E8F2D4 as 100%.

0.0%	0.0% #AFD269	RGB 175 210 105	#AFD269
16.7%	16.7% #B7D779	RGB 183 215 121	#B7D779
33.3%	33.3% #C1DC89	RGB 193 220 137	#C1DC89
50.0%	50.0% #CAE29B	RGB 202 226 155	#CAE29B
66.7%	66.7% #D4E7AD	RGB 212 231 173	#D4E7AD
83.3%	83.3% #DDECC0	RGB 221 236 192	#DDECC0
100.0%	100.0% #E8F2D4	RGB 232 242 212	#E8F2D4

#AFD269 #B7D779 #C1DC89 #CAE29B #D4E7AD #DDECC0 #E8F2D4

#AFD269 - #CAE29B - #E8F2D4

CSS codes

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

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