#DAFF4C - #FFFA93 | 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 #DAFF4C to #FFFA93

#DAFF4C #FFFA93

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

#DAFF4C - #FFFA93 | 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 #DAFF4C as 0% and #FFFA93 as 100%.

0.0%	0.0% #DAFF4C	RGB 218 255 76	#DAFF4C
16.7%	16.7% #E0FE57	RGB 224 254 87	#E0FE57
33.3%	33.3% #E6FD63	RGB 230 253 99	#E6FD63
50.0%	50.0% #ECFC6F	RGB 236 252 111	#ECFC6F
66.7%	66.7% #F2FB7B	RGB 242 251 123	#F2FB7B
83.3%	83.3% #F8FA87	RGB 248 250 135	#F8FA87
100.0%	100.0% #FFFA93	RGB 255 250 147	#FFFA93

#DAFF4C #E0FE57 #E6FD63 #ECFC6F #F2FB7B #F8FA87 #FFFA93

#DAFF4C - #FFFA93

HSV Blend

#DAFF4C - #FFFA93 | 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 #DAFF4C as 0% and #FFFA93 as 100%.

0.0%	0.0% #DAFF4B	RGB 218 255 75	#DAFF4B
16.7%	16.7% #E3FF57	RGB 227 255 87	#E3FF57
33.3%	33.3% #EBFF63	RGB 235 255 99	#EBFF63
50.0%	50.0% #F3FF6F	RGB 243 255 111	#F3FF6F
66.7%	66.7% #F9FF7B	RGB 249 255 123	#F9FF7B
83.3%	83.3% #FFFE87	RGB 255 254 135	#FFFE87
100.0%	100.0% #FFFA93	RGB 255 250 147	#FFFA93

#DAFF4B #E3FF57 #EBFF63 #F3FF6F #F9FF7B #FFFE87 #FFFA93

#DAFF4C - #F3FF6F - #FFFA93

CSS codes

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

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