#DCFF8B - #A2EC3E | 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 #DCFF8B to #A2EC3E

#DCFF8B #A2EC3E

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

#DCFF8B - #A2EC3E | 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 #DCFF8B as 0% and #A2EC3E as 100%.

0.0%	0.0% #DCFF8B	RGB 220 255 139	#DCFF8B
16.7%	16.7% #D2FB7E	RGB 210 251 126	#D2FB7E
33.3%	33.3% #C8F871	RGB 200 248 113	#C8F871
50.0%	50.0% #BFF564	RGB 191 245 100	#BFF564
66.7%	66.7% #B5F257	RGB 181 242 87	#B5F257
83.3%	83.3% #ABEF4A	RGB 171 239 74	#ABEF4A
100.0%	100.0% #A2EC3E	RGB 162 236 62	#A2EC3E

#DCFF8B #D2FB7E #C8F871 #BFF564 #B5F257 #ABEF4A #A2EC3E

#DCFF8B - #A2EC3E

HSV Blend

#DCFF8B - #A2EC3E | 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 #DCFF8B as 0% and #A2EC3E as 100%.

0.0%	0.0% #DCFF8B	RGB 220 255 139	#DCFF8B
16.7%	16.7% #D3FB7D	RGB 211 251 125	#D3FB7D
33.3%	33.3% #C9F870	RGB 201 248 112	#C9F870
50.0%	50.0% #C0F563	RGB 192 245 99	#C0F563
66.7%	66.7% #B6F256	RGB 182 242 86	#B6F256
83.3%	83.3% #ACEF4A	RGB 172 239 74	#ACEF4A
100.0%	100.0% #A2EC3E	RGB 162 236 62	#A2EC3E

#DCFF8B #D3FB7D #C9F870 #C0F563 #B6F256 #ACEF4A #A2EC3E

#DCFF8B - #C0F563 - #A2EC3E

CSS codes

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

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