#E2FF95 - #AFCD33 | 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 #E2FF95 to #AFCD33

#E2FF95 #AFCD33

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

#E2FF95 - #AFCD33 | 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 #E2FF95 as 0% and #AFCD33 as 100%.

0.0%	0.0% #E2FF95	RGB 226 255 149	#E2FF95
16.7%	16.7% #D9F684	RGB 217 246 132	#D9F684
33.3%	33.3% #D1EE74	RGB 209 238 116	#D1EE74
50.0%	50.0% #C8E664	RGB 200 230 100	#C8E664
66.7%	66.7% #C0DD53	RGB 192 221 83	#C0DD53
83.3%	83.3% #B7D543	RGB 183 213 67	#B7D543
100.0%	100.0% #AFCD33	RGB 175 205 51	#AFCD33

#E2FF95 #D9F684 #D1EE74 #C8E664 #C0DD53 #B7D543 #AFCD33

#E2FF95 - #AFCD33

HSV Blend

#E2FF95 - #AFCD33 | 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 #E2FF95 as 0% and #AFCD33 as 100%.

0.0%	0.0% #E2FF95	RGB 226 255 149	#E2FF95
16.7%	16.7% #D8F682	RGB 216 246 130	#D8F682
33.3%	33.3% #CFEE70	RGB 207 238 112	#CFEE70
50.0%	50.0% #C6E65F	RGB 198 230 95	#C6E65F
66.7%	66.7% #BEDD4F	RGB 190 221 79	#BEDD4F
83.3%	83.3% #B6D541	RGB 182 213 65	#B6D541
100.0%	100.0% #AFCD33	RGB 175 205 51	#AFCD33

#E2FF95 #D8F682 #CFEE70 #C6E65F #BEDD4F #B6D541 #AFCD33

#E2FF95 - #C6E65F - #AFCD33

CSS codes

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

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