#E1D5E8 - #FAFFE2 | 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 #E1D5E8 to #FAFFE2

#E1D5E8 #FAFFE2

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

#E1D5E8 - #FAFFE2 | 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 #E1D5E8 as 0% and #FAFFE2 as 100%.

0.0%	0.0% #E1D5E8	RGB 225 213 232	#E1D5E8
16.7%	16.7% #E5DCE7	RGB 229 220 231	#E5DCE7
33.3%	33.3% #E9E3E6	RGB 233 227 230	#E9E3E6
50.0%	50.0% #EDEAE5	RGB 237 234 229	#EDEAE5
66.7%	66.7% #F1F1E4	RGB 241 241 228	#F1F1E4
83.3%	83.3% #F5F8E3	RGB 245 248 227	#F5F8E3
100.0%	100.0% #FAFFE2	RGB 250 255 226	#FAFFE2

#E1D5E8 #E5DCE7 #E9E3E6 #EDEAE5 #F1F1E4 #F5F8E3 #FAFFE2

#E1D5E8 - #FAFFE2

HSV Blend

#E1D5E8 - #FAFFE2 | 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 #E1D5E8 as 0% and #FAFFE2 as 100%.

0.0%	0.0% #E1D5E8	RGB 225 213 232	#E1D5E8
16.7%	16.7% #EBD7EA	RGB 235 215 234	#EBD7EA
33.3%	33.3% #EFD9E5	RGB 239 217 229	#EFD9E5
50.0%	50.0% #F3DBDE	RGB 243 219 222	#F3DBDE
66.7%	66.7% #F7E6DD	RGB 247 230 221	#F7E6DD
83.3%	83.3% #FBF4DF	RGB 251 244 223	#FBF4DF
100.0%	100.0% #FAFFE2	RGB 250 255 226	#FAFFE2

#E1D5E8 #EBD7EA #EFD9E5 #F3DBDE #F7E6DD #FBF4DF #FAFFE2

#E1D5E8 - #F3DBDE - #FAFFE2

CSS codes

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

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