#FFF2BC - #EEFCDF | 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 #FFF2BC to #EEFCDF

#FFF2BC #EEFCDF

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

#FFF2BC - #EEFCDF | 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 #FFF2BC as 0% and #EEFCDF as 100%.

0.0%	0.0% #FFF2BC	RGB 255 242 188	#FFF2BC
16.7%	16.7% #FCF3C1	RGB 252 243 193	#FCF3C1
33.3%	33.3% #F9F5C7	RGB 249 245 199	#F9F5C7
50.0%	50.0% #F6F7CD	RGB 246 247 205	#F6F7CD
66.7%	66.7% #F3F8D3	RGB 243 248 211	#F3F8D3
83.3%	83.3% #F0FAD9	RGB 240 250 217	#F0FAD9
100.0%	100.0% #EEFCDF	RGB 238 252 223	#EEFCDF

#FFF2BC #FCF3C1 #F9F5C7 #F6F7CD #F3F8D3 #F0FAD9 #EEFCDF

#FFF2BC - #EEFCDF

HSV Blend

#FFF2BC - #EEFCDF | 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 #FFF2BC as 0% and #EEFCDF as 100%.

0.0%	0.0% #FFF2BC	RGB 255 242 188	#FFF2BC
16.7%	16.7% #FEF9C1	RGB 254 249 193	#FEF9C1
33.3%	33.3% #FCFEC7	RGB 252 254 199	#FCFEC7
50.0%	50.0% #F6FDCD	RGB 246 253 205	#F6FDCD
66.7%	66.7% #F2FDD3	RGB 242 253 211	#F2FDD3
83.3%	83.3% #EFFCD9	RGB 239 252 217	#EFFCD9
100.0%	100.0% #EEFCDF	RGB 238 252 223	#EEFCDF

#FFF2BC #FEF9C1 #FCFEC7 #F6FDCD #F2FDD3 #EFFCD9 #EEFCDF

#FFF2BC - #F6FDCD - #EEFCDF

CSS codes

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

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