#EADAF5 - #FFF5E9 | 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 #EADAF5 to #FFF5E9

#EADAF5 #FFF5E9

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

#EADAF5 - #FFF5E9 | 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 #EADAF5 as 0% and #FFF5E9 as 100%.

0.0%	0.0% #EADAF5	RGB 234 218 245	#EADAF5
16.7%	16.7% #EDDEF3	RGB 237 222 243	#EDDEF3
33.3%	33.3% #F1E3F1	RGB 241 227 241	#F1E3F1
50.0%	50.0% #F4E7EF	RGB 244 231 239	#F4E7EF
66.7%	66.7% #F8ECED	RGB 248 236 237	#F8ECED
83.3%	83.3% #FBF0EB	RGB 251 240 235	#FBF0EB
100.0%	100.0% #FFF5E9	RGB 255 245 233	#FFF5E9

#EADAF5 #EDDEF3 #F1E3F1 #F4E7EF #F8ECED #FBF0EB #FFF5E9

#EADAF5 - #FFF5E9

HSV Blend

#EADAF5 - #FFF5E9 | 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 #EADAF5 as 0% and #FFF5E9 as 100%.

0.0%	0.0% #EADAF5	RGB 234 218 245	#EADAF5
16.7%	16.7% #F4DCF6	RGB 244 220 246	#F4DCF6
33.3%	33.3% #F8DEF2	RGB 248 222 242	#F8DEF2
50.0%	50.0% #FAE1EC	RGB 250 225 236	#FAE1EC
66.7%	66.7% #FBE3E6	RGB 251 227 230	#FBE3E6
83.3%	83.3% #FDEBE6	RGB 253 235 230	#FDEBE6
100.0%	100.0% #FFF5E9	RGB 255 245 233	#FFF5E9

#EADAF5 #F4DCF6 #F8DEF2 #FAE1EC #FBE3E6 #FDEBE6 #FFF5E9

#EADAF5 - #FAE1EC - #FFF5E9

CSS codes

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

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