#DCEC5E - #A3C11C | 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 #DCEC5E to #A3C11C

#DCEC5E #A3C11C

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

#DCEC5E - #A3C11C | 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 #DCEC5E as 0% and #A3C11C as 100%.

0.0%	0.0% #DCEC5E	RGB 220 236 94	#DCEC5E
16.7%	16.7% #D2E453	RGB 210 228 83	#D2E453
33.3%	33.3% #C9DD48	RGB 201 221 72	#C9DD48
50.0%	50.0% #BFD63D	RGB 191 214 61	#BFD63D
66.7%	66.7% #B6CF32	RGB 182 207 50	#B6CF32
83.3%	83.3% #ACC827	RGB 172 200 39	#ACC827
100.0%	100.0% #A3C11C	RGB 163 193 28	#A3C11C

#DCEC5E #D2E453 #C9DD48 #BFD63D #B6CF32 #ACC827 #A3C11C

#DCEC5E - #A3C11C

HSV Blend

#DCEC5E - #A3C11C | 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 #DCEC5E as 0% and #A3C11C as 100%.

0.0%	0.0% #DCEC5E	RGB 220 236 94	#DCEC5E
16.7%	16.7% #D2E451	RGB 210 228 81	#D2E451
33.3%	33.3% #C9DD45	RGB 201 221 69	#C9DD45
50.0%	50.0% #BFD63A	RGB 191 214 58	#BFD63A
66.7%	66.7% #B5CF2F	RGB 181 207 47	#B5CF2F
83.3%	83.3% #ACC825	RGB 172 200 37	#ACC825
100.0%	100.0% #A3C11C	RGB 163 193 28	#A3C11C

#DCEC5E #D2E451 #C9DD45 #BFD63A #B5CF2F #ACC825 #A3C11C

#DCEC5E - #BFD63A - #A3C11C

CSS codes

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

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