#DDFF5C - #FFF99E | 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 #DDFF5C to #FFF99E

#DDFF5C #FFF99E

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

#DDFF5C - #FFF99E | 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 #DDFF5C as 0% and #FFF99E as 100%.

0.0%	0.0% #DDFF5C	RGB 221 255 92	#DDFF5C
16.7%	16.7% #E2FE67	RGB 226 254 103	#E2FE67
33.3%	33.3% #E8FD72	RGB 232 253 114	#E8FD72
50.0%	50.0% #EEFC7D	RGB 238 252 125	#EEFC7D
66.7%	66.7% #F3FB88	RGB 243 251 136	#F3FB88
83.3%	83.3% #F9FA93	RGB 249 250 147	#F9FA93
100.0%	100.0% #FFF99E	RGB 255 249 158	#FFF99E

#DDFF5C #E2FE67 #E8FD72 #EEFC7D #F3FB88 #F9FA93 #FFF99E

#DDFF5C - #FFF99E

HSV Blend

#DDFF5C - #FFF99E | 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 #DDFF5C as 0% and #FFF99E as 100%.

0.0%	0.0% #DDFF5B	RGB 221 255 91	#DDFF5B
16.7%	16.7% #E6FF66	RGB 230 255 102	#E6FF66
33.3%	33.3% #EEFF71	RGB 238 255 113	#EEFF71
50.0%	50.0% #F5FF7D	RGB 245 255 125	#F5FF7D
66.7%	66.7% #FBFF88	RGB 251 255 136	#FBFF88
83.3%	83.3% #FFFD93	RGB 255 253 147	#FFFD93
100.0%	100.0% #FFF99E	RGB 255 249 158	#FFF99E

#DDFF5B #E6FF66 #EEFF71 #F5FF7D #FBFF88 #FFFD93 #FFF99E

#DDFF5C - #F5FF7D - #FFF99E

CSS codes

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

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