#DDFF14 - #FFFE6E | 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 #DDFF14 to #FFFE6E

#DDFF14 #FFFE6E

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

#DDFF14 - #FFFE6E | 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 #DDFF14 as 0% and #FFFE6E as 100%.

0.0%	0.0% #DDFF14	RGB 221 255 20	#DDFF14
16.7%	16.7% #E2FE23	RGB 226 254 35	#E2FE23
33.3%	33.3% #E8FE32	RGB 232 254 50	#E8FE32
50.0%	50.0% #EEFE41	RGB 238 254 65	#EEFE41
66.7%	66.7% #F3FE50	RGB 243 254 80	#F3FE50
83.3%	83.3% #F9FE5F	RGB 249 254 95	#F9FE5F
100.0%	100.0% #FFFE6E	RGB 255 254 110	#FFFE6E

#DDFF14 #E2FE23 #E8FE32 #EEFE41 #F3FE50 #F9FE5F #FFFE6E

#DDFF14 - #FFFE6E

HSV Blend

#DDFF14 - #FFFE6E | 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 #DDFF14 as 0% and #FFFE6E as 100%.

0.0%	0.0% #DDFF13	RGB 221 255 19	#DDFF13
16.7%	16.7% #E4FF22	RGB 228 255 34	#E4FF22
33.3%	33.3% #EBFF31	RGB 235 255 49	#EBFF31
50.0%	50.0% #F1FF41	RGB 241 255 65	#F1FF41
66.7%	66.7% #F7FF50	RGB 247 255 80	#F7FF50
83.3%	83.3% #FCFF5F	RGB 252 255 95	#FCFF5F
100.0%	100.0% #FFFE6E	RGB 255 254 110	#FFFE6E

#DDFF13 #E4FF22 #EBFF31 #F1FF41 #F7FF50 #FCFF5F #FFFE6E

#DDFF14 - #F1FF41 - #FFFE6E

CSS codes

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

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