#EDD4D1 - #FDFBEE | 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 #EDD4D1 to #FDFBEE

#EDD4D1 #FDFBEE

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

#EDD4D1 - #FDFBEE | 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 #EDD4D1 as 0% and #FDFBEE as 100%.

0.0%	0.0% #EDD4D1	RGB 237 212 209	#EDD4D1
16.7%	16.7% #EFDAD5	RGB 239 218 213	#EFDAD5
33.3%	33.3% #F2E1DA	RGB 242 225 218	#F2E1DA
50.0%	50.0% #F5E7DF	RGB 245 231 223	#F5E7DF
66.7%	66.7% #F7EEE4	RGB 247 238 228	#F7EEE4
83.3%	83.3% #FAF4E9	RGB 250 244 233	#FAF4E9
100.0%	100.0% #FDFBEE	RGB 253 251 238	#FDFBEE

#EDD4D1 #EFDAD5 #F2E1DA #F5E7DF #F7EEE4 #FAF4E9 #FDFBEE

#EDD4D1 - #FDFBEE

HSV Blend

#EDD4D1 - #FDFBEE | 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 #EDD4D1 as 0% and #FDFBEE as 100%.

0.0%	0.0% #EDD4D1	RGB 237 212 209	#EDD4D1
16.7%	16.7% #EFDBD5	RGB 239 219 213	#EFDBD5
33.3%	33.3% #F2E3DA	RGB 242 227 218	#F2E3DA
50.0%	50.0% #F5E9DF	RGB 245 233 223	#F5E9DF
66.7%	66.7% #F7F0E4	RGB 247 240 228	#F7F0E4
83.3%	83.3% #FAF5E9	RGB 250 245 233	#FAF5E9
100.0%	100.0% #FDFBEE	RGB 253 251 238	#FDFBEE

#EDD4D1 #EFDBD5 #F2E3DA #F5E9DF #F7F0E4 #FAF5E9 #FDFBEE

#EDD4D1 - #F5E9DF - #FDFBEE

CSS codes

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

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