#EECDF4 - #FAF0FB | 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 #EECDF4 to #FAF0FB

#EECDF4 #FAF0FB

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

#EECDF4 - #FAF0FB | 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 #EECDF4 as 0% and #FAF0FB as 100%.

0.0%	0.0% #EECDF4	RGB 238 205 244	#EECDF4
16.7%	16.7% #F0D2F5	RGB 240 210 245	#F0D2F5
33.3%	33.3% #F2D8F6	RGB 242 216 246	#F2D8F6
50.0%	50.0% #F4DEF7	RGB 244 222 247	#F4DEF7
66.7%	66.7% #F6E4F8	RGB 246 228 248	#F6E4F8
83.3%	83.3% #F8EAF9	RGB 248 234 249	#F8EAF9
100.0%	100.0% #FAF0FB	RGB 250 240 251	#FAF0FB

#EECDF4 #F0D2F5 #F2D8F6 #F4DEF7 #F6E4F8 #F8EAF9 #FAF0FB

#EECDF4 - #FAF0FB

HSV Blend

#EECDF4 - #FAF0FB | 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 #EECDF4 as 0% and #FAF0FB as 100%.

0.0%	0.0% #EECDF4	RGB 238 205 244	#EECDF4
16.7%	16.7% #F0D2F5	RGB 240 210 245	#F0D2F5
33.3%	33.3% #F2D8F6	RGB 242 216 246	#F2D8F6
50.0%	50.0% #F4DEF7	RGB 244 222 247	#F4DEF7
66.7%	66.7% #F6E4F8	RGB 246 228 248	#F6E4F8
83.3%	83.3% #F8EAF9	RGB 248 234 249	#F8EAF9
100.0%	100.0% #FAF0FB	RGB 250 240 251	#FAF0FB

#EECDF4 #F0D2F5 #F2D8F6 #F4DEF7 #F6E4F8 #F8EAF9 #FAF0FB

#EECDF4 - #F4DEF7 - #FAF0FB

CSS codes

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

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