#EDDCE9 - #FFEEED | 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 #EDDCE9 to #FFEEED

#EDDCE9 #FFEEED

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

#EDDCE9 - #FFEEED | 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 #EDDCE9 as 0% and #FFEEED as 100%.

0.0%	0.0% #EDDCE9	RGB 237 220 233	#EDDCE9
16.7%	16.7% #F0DFE9	RGB 240 223 233	#F0DFE9
33.3%	33.3% #F3E2EA	RGB 243 226 234	#F3E2EA
50.0%	50.0% #F6E5EB	RGB 246 229 235	#F6E5EB
66.7%	66.7% #F9E8EB	RGB 249 232 235	#F9E8EB
83.3%	83.3% #FCEBEC	RGB 252 235 236	#FCEBEC
100.0%	100.0% #FFEEED	RGB 255 238 237	#FFEEED

#EDDCE9 #F0DFE9 #F3E2EA #F6E5EB #F9E8EB #FCEBEC #FFEEED

#EDDCE9 - #FFEEED

HSV Blend

#EDDCE9 - #FFEEED | 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 #EDDCE9 as 0% and #FFEEED as 100%.

0.0%	0.0% #EDDCE9	RGB 237 220 233	#EDDCE9
16.7%	16.7% #F0DEE9	RGB 240 222 233	#F0DEE9
33.3%	33.3% #F3E1EA	RGB 243 225 234	#F3E1EA
50.0%	50.0% #F6E4EA	RGB 246 228 234	#F6E4EA
66.7%	66.7% #F9E7EB	RGB 249 231 235	#F9E7EB
83.3%	83.3% #FCEAEB	RGB 252 234 235	#FCEAEB
100.0%	100.0% #FFEEED	RGB 255 238 237	#FFEEED

#EDDCE9 #F0DEE9 #F3E1EA #F6E4EA #F9E7EB #FCEAEB #FFEEED

#EDDCE9 - #F6E4EA - #FFEEED

CSS codes

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

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