#EDDEEB - #FFFFFE | 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 #EDDEEB to #FFFFFE

#EDDEEB #FFFFFE

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

#EDDEEB - #FFFFFE | 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 #EDDEEB as 0% and #FFFFFE as 100%.

0.0%	0.0% #EDDEEB	RGB 237 222 235	#EDDEEB
16.7%	16.7% #F0E3EE	RGB 240 227 238	#F0E3EE
33.3%	33.3% #F3E9F1	RGB 243 233 241	#F3E9F1
50.0%	50.0% #F6EEF4	RGB 246 238 244	#F6EEF4
66.7%	66.7% #F9F4F7	RGB 249 244 247	#F9F4F7
83.3%	83.3% #FCF9FA	RGB 252 249 250	#FCF9FA
100.0%	100.0% #FFFFFE	RGB 255 255 254	#FFFFFE

#EDDEEB #F0E3EE #F3E9F1 #F6EEF4 #F9F4F7 #FCF9FA #FFFFFE

#EDDEEB - #FFFFFE

HSV Blend

#EDDEEB - #FFFFFE | 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 #EDDEEB as 0% and #FFFFFE as 100%.

0.0%	0.0% #EDDEEB	RGB 237 222 235	#EDDEEB
16.7%	16.7% #F0E3EA	RGB 240 227 234	#F0E3EA
33.3%	33.3% #F3E8EB	RGB 243 232 235	#F3E8EB
50.0%	50.0% #F6EEED	RGB 246 238 237	#F6EEED
66.7%	66.7% #F9F5F3	RGB 249 245 243	#F9F5F3
83.3%	83.3% #FCFAF8	RGB 252 250 248	#FCFAF8
100.0%	100.0% #FFFFFE	RGB 255 255 254	#FFFFFE

#EDDEEB #F0E3EA #F3E8EB #F6EEED #F9F5F3 #FCFAF8 #FFFFFE

#EDDEEB - #F6EEED - #FFFFFE

CSS codes

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

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