#E2E2E7 - #FBF0FF | 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 #E2E2E7 to #FBF0FF

#E2E2E7 #FBF0FF

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

#E2E2E7 - #FBF0FF | 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 #E2E2E7 as 0% and #FBF0FF as 100%.

0.0%	0.0% #E2E2E7	RGB 226 226 231	#E2E2E7
16.7%	16.7% #E6E4EB	RGB 230 228 235	#E6E4EB
33.3%	33.3% #EAE6EF	RGB 234 230 239	#EAE6EF
50.0%	50.0% #EEE9F3	RGB 238 233 243	#EEE9F3
66.7%	66.7% #F2EBF7	RGB 242 235 247	#F2EBF7
83.3%	83.3% #F6EDFB	RGB 246 237 251	#F6EDFB
100.0%	100.0% #FBF0FF	RGB 251 240 255	#FBF0FF

#E2E2E7 #E6E4EB #EAE6EF #EEE9F3 #F2EBF7 #F6EDFB #FBF0FF

#E2E2E7 - #FBF0FF

HSV Blend

#E2E2E7 - #FBF0FF | 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 #E2E2E7 as 0% and #FBF0FF as 100%.

0.0%	0.0% #E2E2E7	RGB 226 226 231	#E2E2E7
16.7%	16.7% #E5E4EB	RGB 229 228 235	#E5E4EB
33.3%	33.3% #E8E6EF	RGB 232 230 239	#E8E6EF
50.0%	50.0% #ECE9F3	RGB 236 233 243	#ECE9F3
66.7%	66.7% #F1EBF7	RGB 241 235 247	#F1EBF7
83.3%	83.3% #F5EDFB	RGB 245 237 251	#F5EDFB
100.0%	100.0% #FBF0FF	RGB 251 240 255	#FBF0FF

#E2E2E7 #E5E4EB #E8E6EF #ECE9F3 #F1EBF7 #F5EDFB #FBF0FF

#E2E2E7 - #ECE9F3 - #FBF0FF

CSS codes

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

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