#DBFF8B - #A1EC3E | 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 #DBFF8B to #A1EC3E

#DBFF8B #A1EC3E

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

#DBFF8B - #A1EC3E | 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 #DBFF8B as 0% and #A1EC3E as 100%.

0.0%	0.0% #DBFF8B	RGB 219 255 139	#DBFF8B
16.7%	16.7% #D1FB7E	RGB 209 251 126	#D1FB7E
33.3%	33.3% #C7F871	RGB 199 248 113	#C7F871
50.0%	50.0% #BEF564	RGB 190 245 100	#BEF564
66.7%	66.7% #B4F257	RGB 180 242 87	#B4F257
83.3%	83.3% #AAEF4A	RGB 170 239 74	#AAEF4A
100.0%	100.0% #A1EC3E	RGB 161 236 62	#A1EC3E

#DBFF8B #D1FB7E #C7F871 #BEF564 #B4F257 #AAEF4A #A1EC3E

#DBFF8B - #A1EC3E

HSV Blend

#DBFF8B - #A1EC3E | 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 #DBFF8B as 0% and #A1EC3E as 100%.

0.0%	0.0% #DBFF8B	RGB 219 255 139	#DBFF8B
16.7%	16.7% #D2FB7D	RGB 210 251 125	#D2FB7D
33.3%	33.3% #C8F870	RGB 200 248 112	#C8F870
50.0%	50.0% #BFF563	RGB 191 245 99	#BFF563
66.7%	66.7% #B5F256	RGB 181 242 86	#B5F256
83.3%	83.3% #ABEF4A	RGB 171 239 74	#ABEF4A
100.0%	100.0% #A1EC3E	RGB 161 236 62	#A1EC3E

#DBFF8B #D2FB7D #C8F870 #BFF563 #B5F256 #ABEF4A #A1EC3E

#DBFF8B - #BFF563 - #A1EC3E

CSS codes

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

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