#FEFFD0 - #E9DFDB | 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 #FEFFD0 to #E9DFDB

#FEFFD0 #E9DFDB

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

#FEFFD0 - #E9DFDB | 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 #FEFFD0 as 0% and #E9DFDB as 100%.

0.0%	0.0% #FEFFD0	RGB 254 255 208	#FEFFD0
16.7%	16.7% #FAF9D1	RGB 250 249 209	#FAF9D1
33.3%	33.3% #F7F4D3	RGB 247 244 211	#F7F4D3
50.0%	50.0% #F3EFD5	RGB 243 239 213	#F3EFD5
66.7%	66.7% #F0E9D7	RGB 240 233 215	#F0E9D7
83.3%	83.3% #ECE4D9	RGB 236 228 217	#ECE4D9
100.0%	100.0% #E9DFDB	RGB 233 223 219	#E9DFDB

#FEFFD0 #FAF9D1 #F7F4D3 #F3EFD5 #F0E9D7 #ECE4D9 #E9DFDB

#FEFFD0 - #E9DFDB

HSV Blend

#FEFFD0 - #E9DFDB | 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 #FEFFD0 as 0% and #E9DFDB as 100%.

0.0%	0.0% #FEFFD0	RGB 254 255 208	#FEFFD0
16.7%	16.7% #FBF7D2	RGB 251 247 210	#FBF7D2
33.3%	33.3% #F7EFD4	RGB 247 239 212	#F7EFD4
50.0%	50.0% #F4E9D6	RGB 244 233 214	#F4E9D6
66.7%	66.7% #F0E4D7	RGB 240 228 215	#F0E4D7
83.3%	83.3% #ECE1D9	RGB 236 225 217	#ECE1D9
100.0%	100.0% #E9DFDB	RGB 233 223 219	#E9DFDB

#FEFFD0 #FBF7D2 #F7EFD4 #F4E9D6 #F0E4D7 #ECE1D9 #E9DFDB

#FEFFD0 - #F4E9D6 - #E9DFDB

CSS codes

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

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