#EAFFB0 - #AFCE3E | 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 #EAFFB0 to #AFCE3E

#EAFFB0 #AFCE3E

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

#EAFFB0 - #AFCE3E | 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 #EAFFB0 as 0% and #AFCE3E as 100%.

0.0%	0.0% #EAFFB0	RGB 234 255 176	#EAFFB0
16.7%	16.7% #E0F69D	RGB 224 246 157	#E0F69D
33.3%	33.3% #D6EE8A	RGB 214 238 138	#D6EE8A
50.0%	50.0% #CCE677	RGB 204 230 119	#CCE677
66.7%	66.7% #C2DE64	RGB 194 222 100	#C2DE64
83.3%	83.3% #B8D651	RGB 184 214 81	#B8D651
100.0%	100.0% #AFCE3E	RGB 175 206 62	#AFCE3E

#EAFFB0 #E0F69D #D6EE8A #CCE677 #C2DE64 #B8D651 #AFCE3E

#EAFFB0 - #AFCE3E

HSV Blend

#EAFFB0 - #AFCE3E | 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 #EAFFB0 as 0% and #AFCE3E as 100%.

0.0%	0.0% #EAFFB0	RGB 234 255 176	#EAFFB0
16.7%	16.7% #DFF69A	RGB 223 246 154	#DFF69A
33.3%	33.3% #D4EE85	RGB 212 238 133	#D4EE85
50.0%	50.0% #CAE672	RGB 202 230 114	#CAE672
66.7%	66.7% #C0DE5F	RGB 192 222 95	#C0DE5F
83.3%	83.3% #B7D64E	RGB 183 214 78	#B7D64E
100.0%	100.0% #AFCE3E	RGB 175 206 62	#AFCE3E

#EAFFB0 #DFF69A #D4EE85 #CAE672 #C0DE5F #B7D64E #AFCE3E

#EAFFB0 - #CAE672 - #AFCE3E

CSS codes

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

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