#DBFF8C - #A0ED3E | 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 #DBFF8C to #A0ED3E

#DBFF8C #A0ED3E

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

#DBFF8C - #A0ED3E | 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 #DBFF8C as 0% and #A0ED3E as 100%.

0.0%	0.0% #DBFF8C	RGB 219 255 140	#DBFF8C
16.7%	16.7% #D1FC7F	RGB 209 252 127	#D1FC7F
33.3%	33.3% #C7F972	RGB 199 249 114	#C7F972
50.0%	50.0% #BDF665	RGB 189 246 101	#BDF665
66.7%	66.7% #B3F358	RGB 179 243 88	#B3F358
83.3%	83.3% #A9F04B	RGB 169 240 75	#A9F04B
100.0%	100.0% #A0ED3E	RGB 160 237 62	#A0ED3E

#DBFF8C #D1FC7F #C7F972 #BDF665 #B3F358 #A9F04B #A0ED3E

#DBFF8C - #A0ED3E

HSV Blend

#DBFF8C - #A0ED3E | 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 #DBFF8C as 0% and #A0ED3E as 100%.

0.0%	0.0% #DBFF8C	RGB 219 255 140	#DBFF8C
16.7%	16.7% #D1FC7E	RGB 209 252 126	#D1FC7E
33.3%	33.3% #C8F970	RGB 200 249 112	#C8F970
50.0%	50.0% #BEF663	RGB 190 246 99	#BEF663
66.7%	66.7% #B4F356	RGB 180 243 86	#B4F356
83.3%	83.3% #AAF04A	RGB 170 240 74	#AAF04A
100.0%	100.0% #A0ED3E	RGB 160 237 62	#A0ED3E

#DBFF8C #D1FC7E #C8F970 #BEF663 #B4F356 #AAF04A #A0ED3E

#DBFF8C - #BEF663 - #A0ED3E

CSS codes

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

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