#EEE8C8 - #FAF8EF | 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 #EEE8C8 to #FAF8EF

#EEE8C8 #FAF8EF

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

#EEE8C8 - #FAF8EF | 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 #EEE8C8 as 0% and #FAF8EF as 100%.

0.0%	0.0% #EEE8C8	RGB 238 232 200	#EEE8C8
16.7%	16.7% #F0EACE	RGB 240 234 206	#F0EACE
33.3%	33.3% #F2EDD5	RGB 242 237 213	#F2EDD5
50.0%	50.0% #F4F0DB	RGB 244 240 219	#F4F0DB
66.7%	66.7% #F6F2E2	RGB 246 242 226	#F6F2E2
83.3%	83.3% #F8F5E8	RGB 248 245 232	#F8F5E8
100.0%	100.0% #FAF8EF	RGB 250 248 239	#FAF8EF

#EEE8C8 #F0EACE #F2EDD5 #F4F0DB #F6F2E2 #F8F5E8 #FAF8EF

#EEE8C8 - #FAF8EF

HSV Blend

#EEE8C8 - #FAF8EF | 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 #EEE8C8 as 0% and #FAF8EF as 100%.

0.0%	0.0% #EEE8C8	RGB 238 232 200	#EEE8C8
16.7%	16.7% #F0EACE	RGB 240 234 206	#F0EACE
33.3%	33.3% #F2EDD4	RGB 242 237 212	#F2EDD4
50.0%	50.0% #F4EFDB	RGB 244 239 219	#F4EFDB
66.7%	66.7% #F6F2E1	RGB 246 242 225	#F6F2E1
83.3%	83.3% #F8F5E8	RGB 248 245 232	#F8F5E8
100.0%	100.0% #FAF8EF	RGB 250 248 239	#FAF8EF

#EEE8C8 #F0EACE #F2EDD4 #F4EFDB #F6F2E1 #F8F5E8 #FAF8EF

#EEE8C8 - #F4EFDB - #FAF8EF

CSS codes

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

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