#FEFECE - #F3DFD2 | 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 #FEFECE to #F3DFD2

#FEFECE #F3DFD2

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

#FEFECE - #F3DFD2 | 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 #FEFECE as 0% and #F3DFD2 as 100%.

0.0%	0.0% #FEFECE	RGB 254 254 206	#FEFECE
16.7%	16.7% #FCF8CE	RGB 252 248 206	#FCF8CE
33.3%	33.3% #FAF3CF	RGB 250 243 207	#FAF3CF
50.0%	50.0% #F8EED0	RGB 248 238 208	#F8EED0
66.7%	66.7% #F6E9D0	RGB 246 233 208	#F6E9D0
83.3%	83.3% #F4E4D1	RGB 244 228 209	#F4E4D1
100.0%	100.0% #F3DFD2	RGB 243 223 210	#F3DFD2

#FEFECE #FCF8CE #FAF3CF #F8EED0 #F6E9D0 #F4E4D1 #F3DFD2

#FEFECE - #F3DFD2

HSV Blend

#FEFECE - #F3DFD2 | 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 #FEFECE as 0% and #F3DFD2 as 100%.

0.0%	0.0% #FEFECE	RGB 254 254 206	#FEFECE
16.7%	16.7% #FCF7CE	RGB 252 247 206	#FCF7CE
33.3%	33.3% #FAF1CF	RGB 250 241 207	#FAF1CF
50.0%	50.0% #F8ECD0	RGB 248 236 208	#F8ECD0
66.7%	66.7% #F6E7D0	RGB 246 231 208	#F6E7D0
83.3%	83.3% #F4E2D1	RGB 244 226 209	#F4E2D1
100.0%	100.0% #F3DFD2	RGB 243 223 210	#F3DFD2

#FEFECE #FCF7CE #FAF1CF #F8ECD0 #F6E7D0 #F4E2D1 #F3DFD2

#FEFECE - #F8ECD0 - #F3DFD2

CSS codes

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

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