#FFF2DB - #FEF7F0 | 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 #FFF2DB to #FEF7F0

#FFF2DB #FEF7F0

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

#FFF2DB - #FEF7F0 | 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 #FFF2DB as 0% and #FEF7F0 as 100%.

0.0%	0.0% #FFF2DB	RGB 255 242 219	#FFF2DB
16.7%	16.7% #FEF2DE	RGB 254 242 222	#FEF2DE
33.3%	33.3% #FEF3E2	RGB 254 243 226	#FEF3E2
50.0%	50.0% #FEF4E5	RGB 254 244 229	#FEF4E5
66.7%	66.7% #FEF5E9	RGB 254 245 233	#FEF5E9
83.3%	83.3% #FEF6EC	RGB 254 246 236	#FEF6EC
100.0%	100.0% #FEF7F0	RGB 254 247 240	#FEF7F0

#FFF2DB #FEF2DE #FEF3E2 #FEF4E5 #FEF5E9 #FEF6EC #FEF7F0

#FFF2DB - #FEF7F0

HSV Blend

#FFF2DB - #FEF7F0 | 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 #FFF2DB as 0% and #FEF7F0 as 100%.

0.0%	0.0% #FFF2DB	RGB 255 242 219	#FFF2DB
16.7%	16.7% #FEF2DE	RGB 254 242 222	#FEF2DE
33.3%	33.3% #FEF2E2	RGB 254 242 226	#FEF2E2
50.0%	50.0% #FEF3E5	RGB 254 243 229	#FEF3E5
66.7%	66.7% #FEF4E9	RGB 254 244 233	#FEF4E9
83.3%	83.3% #FEF5EC	RGB 254 245 236	#FEF5EC
100.0%	100.0% #FEF7F0	RGB 254 247 240	#FEF7F0

#FFF2DB #FEF2DE #FEF2E2 #FEF3E5 #FEF4E9 #FEF5EC #FEF7F0

#FFF2DB - #FEF3E5 - #FEF7F0

CSS codes

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

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