#E6DCD2 - #F7FFE2 | 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 #E6DCD2 to #F7FFE2

#E6DCD2 #F7FFE2

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

#E6DCD2 - #F7FFE2 | 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 #E6DCD2 as 0% and #F7FFE2 as 100%.

0.0%	0.0% #E6DCD2	RGB 230 220 210	#E6DCD2
16.7%	16.7% #E8E1D4	RGB 232 225 212	#E8E1D4
33.3%	33.3% #EBE7D7	RGB 235 231 215	#EBE7D7
50.0%	50.0% #EEEDDA	RGB 238 237 218	#EEEDDA
66.7%	66.7% #F1F3DC	RGB 241 243 220	#F1F3DC
83.3%	83.3% #F4F9DF	RGB 244 249 223	#F4F9DF
100.0%	100.0% #F7FFE2	RGB 247 255 226	#F7FFE2

#E6DCD2 #E8E1D4 #EBE7D7 #EEEDDA #F1F3DC #F4F9DF #F7FFE2

#E6DCD2 - #F7FFE2

HSV Blend

#E6DCD2 - #F7FFE2 | 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 #E6DCD2 as 0% and #F7FFE2 as 100%.

0.0%	0.0% #E6DCD2	RGB 230 220 210	#E6DCD2
16.7%	16.7% #EAE2D4	RGB 234 226 212	#EAE2D4
33.3%	33.3% #EEE8D7	RGB 238 232 215	#EEE8D7
50.0%	50.0% #F2EFDA	RGB 242 239 218	#F2EFDA
66.7%	66.7% #F6F6DC	RGB 246 246 220	#F6F6DC
83.3%	83.3% #F6FADF	RGB 246 250 223	#F6FADF
100.0%	100.0% #F7FFE2	RGB 247 255 226	#F7FFE2

#E6DCD2 #EAE2D4 #EEE8D7 #F2EFDA #F6F6DC #F6FADF #F7FFE2

#E6DCD2 - #F2EFDA - #F7FFE2

CSS codes

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

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