#DCFF4D - #FFFA94 | 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 #DCFF4D to #FFFA94

#DCFF4D #FFFA94

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

#DCFF4D - #FFFA94 | 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 #DCFF4D as 0% and #FFFA94 as 100%.

0.0%	0.0% #DCFF4D	RGB 220 255 77	#DCFF4D
16.7%	16.7% #E1FE58	RGB 225 254 88	#E1FE58
33.3%	33.3% #E7FD64	RGB 231 253 100	#E7FD64
50.0%	50.0% #EDFC70	RGB 237 252 112	#EDFC70
66.7%	66.7% #F3FB7C	RGB 243 251 124	#F3FB7C
83.3%	83.3% #F9FA88	RGB 249 250 136	#F9FA88
100.0%	100.0% #FFFA94	RGB 255 250 148	#FFFA94

#DCFF4D #E1FE58 #E7FD64 #EDFC70 #F3FB7C #F9FA88 #FFFA94

#DCFF4D - #FFFA94

HSV Blend

#DCFF4D - #FFFA94 | 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 #DCFF4D as 0% and #FFFA94 as 100%.

0.0%	0.0% #DCFF4D	RGB 220 255 77	#DCFF4D
16.7%	16.7% #E5FF58	RGB 229 255 88	#E5FF58
33.3%	33.3% #EDFF64	RGB 237 255 100	#EDFF64
50.0%	50.0% #F4FF70	RGB 244 255 112	#F4FF70
66.7%	66.7% #FAFF7C	RGB 250 255 124	#FAFF7C
83.3%	83.3% #FFFE88	RGB 255 254 136	#FFFE88
100.0%	100.0% #FFFA94	RGB 255 250 148	#FFFA94

#DCFF4D #E5FF58 #EDFF64 #F4FF70 #FAFF7C #FFFE88 #FFFA94

#DCFF4D - #F4FF70 - #FFFA94

CSS codes

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

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