#DDFF2E - #FFFC80 | 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 #DDFF2E to #FFFC80

#DDFF2E #FFFC80

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

#DDFF2E - #FFFC80 | 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 #DDFF2E as 0% and #FFFC80 as 100%.

0.0%	0.0% #DDFF2E	RGB 221 255 46	#DDFF2E
16.7%	16.7% #E2FE3B	RGB 226 254 59	#E2FE3B
33.3%	33.3% #E8FE49	RGB 232 254 73	#E8FE49
50.0%	50.0% #EEFD57	RGB 238 253 87	#EEFD57
66.7%	66.7% #F3FD64	RGB 243 253 100	#F3FD64
83.3%	83.3% #F9FC72	RGB 249 252 114	#F9FC72
100.0%	100.0% #FFFC80	RGB 255 252 128	#FFFC80

#DDFF2E #E2FE3B #E8FE49 #EEFD57 #F3FD64 #F9FC72 #FFFC80

#DDFF2E - #FFFC80

HSV Blend

#DDFF2E - #FFFC80 | 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 #DDFF2E as 0% and #FFFC80 as 100%.

0.0%	0.0% #DDFF2D	RGB 221 255 45	#DDFF2D
16.7%	16.7% #E5FF3B	RGB 229 255 59	#E5FF3B
33.3%	33.3% #ECFF49	RGB 236 255 73	#ECFF49
50.0%	50.0% #F3FF57	RGB 243 255 87	#F3FF57
66.7%	66.7% #F9FF64	RGB 249 255 100	#F9FF64
83.3%	83.3% #FDFF72	RGB 253 255 114	#FDFF72
100.0%	100.0% #FFFC80	RGB 255 252 128	#FFFC80

#DDFF2D #E5FF3B #ECFF49 #F3FF57 #F9FF64 #FDFF72 #FFFC80

#DDFF2E - #F3FF57 - #FFFC80

CSS codes

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

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