#FEFDF0 - #E2DAA7 | 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 #FEFDF0 to #E2DAA7

#FEFDF0 #E2DAA7

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

#FEFDF0 - #E2DAA7 | 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 #FEFDF0 as 0% and #E2DAA7 as 100%.

0.0%	0.0% #FEFDF0	RGB 254 253 240	#FEFDF0
16.7%	16.7% #F9F7E3	RGB 249 247 227	#F9F7E3
33.3%	33.3% #F4F1D7	RGB 244 241 215	#F4F1D7
50.0%	50.0% #F0EBCB	RGB 240 235 203	#F0EBCB
66.7%	66.7% #EBE5BF	RGB 235 229 191	#EBE5BF
83.3%	83.3% #E6DFB3	RGB 230 223 179	#E6DFB3
100.0%	100.0% #E2DAA7	RGB 226 218 167	#E2DAA7

#FEFDF0 #F9F7E3 #F4F1D7 #F0EBCB #EBE5BF #E6DFB3 #E2DAA7

#FEFDF0 - #E2DAA7

HSV Blend

#FEFDF0 - #E2DAA7 | 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 #FEFDF0 as 0% and #E2DAA7 as 100%.

0.0%	0.0% #FEFDF0	RGB 254 253 240	#FEFDF0
16.7%	16.7% #F9F7E3	RGB 249 247 227	#F9F7E3
33.3%	33.3% #F4F1D6	RGB 244 241 214	#F4F1D6
50.0%	50.0% #F0ECCA	RGB 240 236 202	#F0ECCA
66.7%	66.7% #EBE6BE	RGB 235 230 190	#EBE6BE
83.3%	83.3% #E6E0B2	RGB 230 224 178	#E6E0B2
100.0%	100.0% #E2DAA7	RGB 226 218 167	#E2DAA7

#FEFDF0 #F9F7E3 #F4F1D6 #F0ECCA #EBE6BE #E6E0B2 #E2DAA7

#FEFDF0 - #F0ECCA - #E2DAA7

CSS codes

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

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