#FFEED0 - #FBFDEC | 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 #FFEED0 to #FBFDEC

#FFEED0 #FBFDEC

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

#FFEED0 - #FBFDEC | 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 #FFEED0 as 0% and #FBFDEC as 100%.

0.0%	0.0% #FFEED0	RGB 255 238 208	#FFEED0
16.7%	16.7% #FEF0D4	RGB 254 240 212	#FEF0D4
33.3%	33.3% #FDF3D9	RGB 253 243 217	#FDF3D9
50.0%	50.0% #FDF5DE	RGB 253 245 222	#FDF5DE
66.7%	66.7% #FCF8E2	RGB 252 248 226	#FCF8E2
83.3%	83.3% #FBFAE7	RGB 251 250 231	#FBFAE7
100.0%	100.0% #FBFDEC	RGB 251 253 236	#FBFDEC

#FFEED0 #FEF0D4 #FDF3D9 #FDF5DE #FCF8E2 #FBFAE7 #FBFDEC

#FFEED0 - #FBFDEC

HSV Blend

#FFEED0 - #FBFDEC | 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 #FFEED0 as 0% and #FBFDEC as 100%.

0.0%	0.0% #FFEED0	RGB 255 238 208	#FFEED0
16.7%	16.7% #FEF2D4	RGB 254 242 212	#FEF2D4
33.3%	33.3% #FEF6D9	RGB 254 246 217	#FEF6D9
50.0%	50.0% #FEFADE	RGB 254 250 222	#FEFADE
66.7%	66.7% #FDFCE2	RGB 253 252 226	#FDFCE2
83.3%	83.3% #FCFDE7	RGB 252 253 231	#FCFDE7
100.0%	100.0% #FBFDEC	RGB 251 253 236	#FBFDEC

#FFEED0 #FEF2D4 #FEF6D9 #FEFADE #FDFCE2 #FCFDE7 #FBFDEC

#FFEED0 - #FEFADE - #FBFDEC

CSS codes

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

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