#E6FF4B - #AFD914 | 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 #E6FF4B to #AFD914

#E6FF4B #AFD914

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

#E6FF4B - #AFD914 | 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 #E6FF4B as 0% and #AFD914 as 100%.

0.0%	0.0% #E6FF4B	RGB 230 255 75	#E6FF4B
16.7%	16.7% #DCF841	RGB 220 248 65	#DCF841
33.3%	33.3% #D3F238	RGB 211 242 56	#D3F238
50.0%	50.0% #CAEC2F	RGB 202 236 47	#CAEC2F
66.7%	66.7% #C1E526	RGB 193 229 38	#C1E526
83.3%	83.3% #B8DF1D	RGB 184 223 29	#B8DF1D
100.0%	100.0% #AFD914	RGB 175 217 20	#AFD914

#E6FF4B #DCF841 #D3F238 #CAEC2F #C1E526 #B8DF1D #AFD914

#E6FF4B - #AFD914

HSV Blend

#E6FF4B - #AFD914 | 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 #E6FF4B as 0% and #AFD914 as 100%.

0.0%	0.0% #E6FF4B	RGB 230 255 75	#E6FF4B
16.7%	16.7% #DCF840	RGB 220 248 64	#DCF840
33.3%	33.3% #D3F236	RGB 211 242 54	#D3F236
50.0%	50.0% #CAEC2D	RGB 202 236 45	#CAEC2D
66.7%	66.7% #C1E524	RGB 193 229 36	#C1E524
83.3%	83.3% #B8DF1C	RGB 184 223 28	#B8DF1C
100.0%	100.0% #AFD914	RGB 175 217 20	#AFD914

#E6FF4B #DCF840 #D3F236 #CAEC2D #C1E524 #B8DF1C #AFD914

#E6FF4B - #CAEC2D - #AFD914

CSS codes

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

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