#FCFF5A - #FEFFCF | 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 #FCFF5A to #FEFFCF

#FCFF5A #FEFFCF

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

#FCFF5A - #FEFFCF | 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 #FCFF5A as 0% and #FEFFCF as 100%.

0.0%	0.0% #FCFF5A	RGB 252 255 90	#FCFF5A
16.7%	16.7% #FCFF6D	RGB 252 255 109	#FCFF6D
33.3%	33.3% #FCFF81	RGB 252 255 129	#FCFF81
50.0%	50.0% #FDFF94	RGB 253 255 148	#FDFF94
66.7%	66.7% #FDFFA8	RGB 253 255 168	#FDFFA8
83.3%	83.3% #FDFFBB	RGB 253 255 187	#FDFFBB
100.0%	100.0% #FEFFCF	RGB 254 255 207	#FEFFCF

#FCFF5A #FCFF6D #FCFF81 #FDFF94 #FDFFA8 #FDFFBB #FEFFCF

#FCFF5A - #FEFFCF

HSV Blend

#FCFF5A - #FEFFCF | 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 #FCFF5A as 0% and #FEFFCF as 100%.

0.0%	0.0% #FCFF59	RGB 252 255 89	#FCFF59
16.7%	16.7% #FCFF6D	RGB 252 255 109	#FCFF6D
33.3%	33.3% #FCFF81	RGB 252 255 129	#FCFF81
50.0%	50.0% #FCFF94	RGB 252 255 148	#FCFF94
66.7%	66.7% #FDFFA8	RGB 253 255 168	#FDFFA8
83.3%	83.3% #FDFFBB	RGB 253 255 187	#FDFFBB
100.0%	100.0% #FEFFCF	RGB 254 255 207	#FEFFCF

#FCFF59 #FCFF6D #FCFF81 #FCFF94 #FDFFA8 #FDFFBB #FEFFCF

#FCFF5A - #FCFF94 - #FEFFCF

CSS codes

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

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