#FFFC5D - #FFFED1 | 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 #FFFC5D to #FFFED1

#FFFC5D #FFFED1

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

#FFFC5D - #FFFED1 | 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 #FFFC5D as 0% and #FFFED1 as 100%.

0.0%	0.0% #FFFC5D	RGB 255 252 93	#FFFC5D
16.7%	16.7% #FFFC70	RGB 255 252 112	#FFFC70
33.3%	33.3% #FFFC83	RGB 255 252 131	#FFFC83
50.0%	50.0% #FFFD97	RGB 255 253 151	#FFFD97
66.7%	66.7% #FFFDAA	RGB 255 253 170	#FFFDAA
83.3%	83.3% #FFFDBD	RGB 255 253 189	#FFFDBD
100.0%	100.0% #FFFED1	RGB 255 254 209	#FFFED1

#FFFC5D #FFFC70 #FFFC83 #FFFD97 #FFFDAA #FFFDBD #FFFED1

#FFFC5D - #FFFED1

HSV Blend

#FFFC5D - #FFFED1 | 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 #FFFC5D as 0% and #FFFED1 as 100%.

0.0%	0.0% #FFFC5D	RGB 255 252 93	#FFFC5D
16.7%	16.7% #FFFC70	RGB 255 252 112	#FFFC70
33.3%	33.3% #FFFC83	RGB 255 252 131	#FFFC83
50.0%	50.0% #FFFC97	RGB 255 252 151	#FFFC97
66.7%	66.7% #FFFDAA	RGB 255 253 170	#FFFDAA
83.3%	83.3% #FFFDBD	RGB 255 253 189	#FFFDBD
100.0%	100.0% #FFFED1	RGB 255 254 209	#FFFED1

#FFFC5D #FFFC70 #FFFC83 #FFFC97 #FFFDAA #FFFDBD #FFFED1

#FFFC5D - #FFFC97 - #FFFED1

CSS codes

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

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