#E6D8D7 - #FCFFF0 | 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 #E6D8D7 to #FCFFF0

#E6D8D7 #FCFFF0

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

#E6D8D7 - #FCFFF0 | 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 #E6D8D7 as 0% and #FCFFF0 as 100%.

0.0%	0.0% #E6D8D7	RGB 230 216 215	#E6D8D7
16.7%	16.7% #E9DEDB	RGB 233 222 219	#E9DEDB
33.3%	33.3% #EDE5DF	RGB 237 229 223	#EDE5DF
50.0%	50.0% #F1EBE3	RGB 241 235 227	#F1EBE3
66.7%	66.7% #F4F2E7	RGB 244 242 231	#F4F2E7
83.3%	83.3% #F8F8EB	RGB 248 248 235	#F8F8EB
100.0%	100.0% #FCFFF0	RGB 252 255 240	#FCFFF0

#E6D8D7 #E9DEDB #EDE5DF #F1EBE3 #F4F2E7 #F8F8EB #FCFFF0

#E6D8D7 - #FCFFF0

HSV Blend

#E6D8D7 - #FCFFF0 | 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 #E6D8D7 as 0% and #FCFFF0 as 100%.

0.0%	0.0% #E6D8D7	RGB 230 216 215	#E6D8D7
16.7%	16.7% #EADEDB	RGB 234 222 219	#EADEDB
33.3%	33.3% #EEE5DF	RGB 238 229 223	#EEE5DF
50.0%	50.0% #F2ECE3	RGB 242 236 227	#F2ECE3
66.7%	66.7% #F6F3E7	RGB 246 243 231	#F6F3E7
83.3%	83.3% #FAFAEB	RGB 250 250 235	#FAFAEB
100.0%	100.0% #FCFFF0	RGB 252 255 240	#FCFFF0

#E6D8D7 #EADEDB #EEE5DF #F2ECE3 #F6F3E7 #FAFAEB #FCFFF0

#E6D8D7 - #F2ECE3 - #FCFFF0

CSS codes

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

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