#FCFF6B - #E9FAB0 | 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 #FCFF6B to #E9FAB0

#FCFF6B #E9FAB0

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

#FCFF6B - #E9FAB0 | 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 #FCFF6B as 0% and #E9FAB0 as 100%.

0.0%	0.0% #FCFF6B	RGB 252 255 107	#FCFF6B
16.7%	16.7% #F8FE76	RGB 248 254 118	#F8FE76
33.3%	33.3% #F5FD82	RGB 245 253 130	#F5FD82
50.0%	50.0% #F2FC8D	RGB 242 252 141	#F2FC8D
66.7%	66.7% #EFFB99	RGB 239 251 153	#EFFB99
83.3%	83.3% #ECFAA4	RGB 236 250 164	#ECFAA4
100.0%	100.0% #E9FAB0	RGB 233 250 176	#E9FAB0

#FCFF6B #F8FE76 #F5FD82 #F2FC8D #EFFB99 #ECFAA4 #E9FAB0

#FCFF6B - #E9FAB0

HSV Blend

#FCFF6B - #E9FAB0 | 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 #FCFF6B as 0% and #E9FAB0 as 100%.

0.0%	0.0% #FCFF6B	RGB 252 255 107	#FCFF6B
16.7%	16.7% #F6FE76	RGB 246 254 118	#F6FE76
33.3%	33.3% #F2FD82	RGB 242 253 130	#F2FD82
50.0%	50.0% #EEFC8D	RGB 238 252 141	#EEFC8D
66.7%	66.7% #EBFB99	RGB 235 251 153	#EBFB99
83.3%	83.3% #EAFAA4	RGB 234 250 164	#EAFAA4
100.0%	100.0% #E9FAB0	RGB 233 250 176	#E9FAB0

#FCFF6B #F6FE76 #F2FD82 #EEFC8D #EBFB99 #EAFAA4 #E9FAB0

#FCFF6B - #EEFC8D - #E9FAB0

CSS codes

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

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