#FFFBC3 - #EEDE6C | 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 #FFFBC3 to #EEDE6C

#FFFBC3 #EEDE6C

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

#FFFBC3 - #EEDE6C | 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 #FFFBC3 as 0% and #EEDE6C as 100%.

0.0%	0.0% #FFFBC3	RGB 255 251 195	#FFFBC3
16.7%	16.7% #FCF6B4	RGB 252 246 180	#FCF6B4
33.3%	33.3% #F9F1A6	RGB 249 241 166	#F9F1A6
50.0%	50.0% #F6EC97	RGB 246 236 151	#F6EC97
66.7%	66.7% #F3E789	RGB 243 231 137	#F3E789
83.3%	83.3% #F0E27A	RGB 240 226 122	#F0E27A
100.0%	100.0% #EEDE6C	RGB 238 222 108	#EEDE6C

#FFFBC3 #FCF6B4 #F9F1A6 #F6EC97 #F3E789 #F0E27A #EEDE6C

#FFFBC3 - #EEDE6C

HSV Blend

#FFFBC3 - #EEDE6C | 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 #FFFBC3 as 0% and #EEDE6C as 100%.

0.0%	0.0% #FFFBC3	RGB 255 251 195	#FFFBC3
16.7%	16.7% #FCF6B3	RGB 252 246 179	#FCF6B3
33.3%	33.3% #F9F2A4	RGB 249 242 164	#F9F2A4
50.0%	50.0% #F6ED96	RGB 246 237 150	#F6ED96
66.7%	66.7% #F3E887	RGB 243 232 135	#F3E887
83.3%	83.3% #F0E379	RGB 240 227 121	#F0E379
100.0%	100.0% #EEDE6C	RGB 238 222 108	#EEDE6C

#FFFBC3 #FCF6B3 #F9F2A4 #F6ED96 #F3E887 #F0E379 #EEDE6C

#FFFBC3 - #F6ED96 - #EEDE6C

CSS codes

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

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