#FDFFAB - #EEE552 | 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 #FDFFAB to #EEE552

#FDFFAB #EEE552

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

#FDFFAB - #EEE552 | 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 #FDFFAB as 0% and #EEE552 as 100%.

0.0%	0.0% #FDFFAB	RGB 253 255 171	#FDFFAB
16.7%	16.7% #FAFA9C	RGB 250 250 156	#FAFA9C
33.3%	33.3% #F8F68D	RGB 248 246 141	#F8F68D
50.0%	50.0% #F5F27E	RGB 245 242 126	#F5F27E
66.7%	66.7% #F3ED6F	RGB 243 237 111	#F3ED6F
83.3%	83.3% #F0E960	RGB 240 233 96	#F0E960
100.0%	100.0% #EEE552	RGB 238 229 82	#EEE552

#FDFFAB #FAFA9C #F8F68D #F5F27E #F3ED6F #F0E960 #EEE552

#FDFFAB - #EEE552

HSV Blend

#FDFFAB - #EEE552 | 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 #FDFFAB as 0% and #EEE552 as 100%.

0.0%	0.0% #FDFFAB	RGB 253 255 171	#FDFFAB
16.7%	16.7% #FBFC9B	RGB 251 252 155	#FBFC9B
33.3%	33.3% #F9F88C	RGB 249 248 140	#F9F88C
50.0%	50.0% #F6F47D	RGB 246 244 125	#F6F47D
66.7%	66.7% #F3EF6E	RGB 243 239 110	#F3EF6E
83.3%	83.3% #F0EA60	RGB 240 234 96	#F0EA60
100.0%	100.0% #EEE552	RGB 238 229 82	#EEE552

#FDFFAB #FBFC9B #F9F88C #F6F47D #F3EF6E #F0EA60 #EEE552

#FDFFAB - #F6F47D - #EEE552

CSS codes

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

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