#DCFF3B - #DAE60E | 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 #DCFF3B to #DAE60E

#DCFF3B #DAE60E

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

#DCFF3B - #DAE60E | 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 #DCFF3B as 0% and #DAE60E as 100%.

0.0%	0.0% #DCFF3B	RGB 220 255 59	#DCFF3B
16.7%	16.7% #DBFA33	RGB 219 250 51	#DBFA33
33.3%	33.3% #DBF62C	RGB 219 246 44	#DBF62C
50.0%	50.0% #DBF224	RGB 219 242 36	#DBF224
66.7%	66.7% #DAEE1D	RGB 218 238 29	#DAEE1D
83.3%	83.3% #DAEA15	RGB 218 234 21	#DAEA15
100.0%	100.0% #DAE60E	RGB 218 230 14	#DAE60E

#DCFF3B #DBFA33 #DBF62C #DBF224 #DAEE1D #DAEA15 #DAE60E

#DCFF3B - #DAE60E

HSV Blend

#DCFF3B - #DAE60E | 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 #DCFF3B as 0% and #DAE60E as 100%.

0.0%	0.0% #DCFF3B	RGB 220 255 59	#DCFF3B
16.7%	16.7% #DBFA32	RGB 219 250 50	#DBFA32
33.3%	33.3% #DAF62B	RGB 218 246 43	#DAF62B
50.0%	50.0% #DAF223	RGB 218 242 35	#DAF223
66.7%	66.7% #DAEE1C	RGB 218 238 28	#DAEE1C
83.3%	83.3% #D9EA14	RGB 217 234 20	#D9EA14
100.0%	100.0% #DAE60E	RGB 218 230 14	#DAE60E

#DCFF3B #DBFA32 #DAF62B #DAF223 #DAEE1C #D9EA14 #DAE60E

#DCFF3B - #DAF223 - #DAE60E

CSS codes

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

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