#F2FFAB - #DDEC51 | 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 #F2FFAB to #DDEC51

#F2FFAB #DDEC51

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

#F2FFAB - #DDEC51 | 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 #F2FFAB as 0% and #DDEC51 as 100%.

0.0%	0.0% #F2FFAB	RGB 242 255 171	#F2FFAB
16.7%	16.7% #EEFB9C	RGB 238 251 156	#EEFB9C
33.3%	33.3% #EBF88D	RGB 235 248 141	#EBF88D
50.0%	50.0% #E7F57E	RGB 231 245 126	#E7F57E
66.7%	66.7% #E4F26F	RGB 228 242 111	#E4F26F
83.3%	83.3% #E0EF60	RGB 224 239 96	#E0EF60
100.0%	100.0% #DDEC51	RGB 221 236 81	#DDEC51

#F2FFAB #EEFB9C #EBF88D #E7F57E #E4F26F #E0EF60 #DDEC51

#F2FFAB - #DDEC51

HSV Blend

#F2FFAB - #DDEC51 | 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 #F2FFAB as 0% and #DDEC51 as 100%.

0.0%	0.0% #F2FFAB	RGB 242 255 171	#F2FFAB
16.7%	16.7% #EDFB9B	RGB 237 251 155	#EDFB9B
33.3%	33.3% #E9F88B	RGB 233 248 139	#E9F88B
50.0%	50.0% #E6F57C	RGB 230 245 124	#E6F57C
66.7%	66.7% #E2F26D	RGB 226 242 109	#E2F26D
83.3%	83.3% #DFEF5F	RGB 223 239 95	#DFEF5F
100.0%	100.0% #DDEC51	RGB 221 236 81	#DDEC51

#F2FFAB #EDFB9B #E9F88B #E6F57C #E2F26D #DFEF5F #DDEC51

#F2FFAB - #E6F57C - #DDEC51

CSS codes

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

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