#E5E6EA - #FAF3FF | 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 #E5E6EA to #FAF3FF

#E5E6EA #FAF3FF

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

#E5E6EA - #FAF3FF | 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 #E5E6EA as 0% and #FAF3FF as 100%.

0.0%	0.0% #E5E6EA	RGB 229 230 234	#E5E6EA
16.7%	16.7% #E8E8ED	RGB 232 232 237	#E8E8ED
33.3%	33.3% #ECEAF1	RGB 236 234 241	#ECEAF1
50.0%	50.0% #EFECF4	RGB 239 236 244	#EFECF4
66.7%	66.7% #F3EEF8	RGB 243 238 248	#F3EEF8
83.3%	83.3% #F6F0FB	RGB 246 240 251	#F6F0FB
100.0%	100.0% #FAF3FF	RGB 250 243 255	#FAF3FF

#E5E6EA #E8E8ED #ECEAF1 #EFECF4 #F3EEF8 #F6F0FB #FAF3FF

#E5E6EA - #FAF3FF

HSV Blend

#E5E6EA - #FAF3FF | 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 #E5E6EA as 0% and #FAF3FF as 100%.

0.0%	0.0% #E5E6EA	RGB 229 230 234	#E5E6EA
16.7%	16.7% #E7E7ED	RGB 231 231 237	#E7E7ED
33.3%	33.3% #EAE9F1	RGB 234 233 241	#EAE9F1
50.0%	50.0% #EDECF4	RGB 237 236 244	#EDECF4
66.7%	66.7% #F1EEF8	RGB 241 238 248	#F1EEF8
83.3%	83.3% #F5F0FB	RGB 245 240 251	#F5F0FB
100.0%	100.0% #FAF3FF	RGB 250 243 255	#FAF3FF

#E5E6EA #E7E7ED #EAE9F1 #EDECF4 #F1EEF8 #F5F0FB #FAF3FF

#E5E6EA - #EDECF4 - #FAF3FF

CSS codes

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

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