#E3E2FE - #FFF8F3 | 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 #E3E2FE to #FFF8F3

#E3E2FE #FFF8F3

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

#E3E2FE - #FFF8F3 | 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 #E3E2FE as 0% and #FFF8F3 as 100%.

0.0%	0.0% #E3E2FE	RGB 227 226 254	#E3E2FE
16.7%	16.7% #E7E5FC	RGB 231 229 252	#E7E5FC
33.3%	33.3% #ECE9FA	RGB 236 233 250	#ECE9FA
50.0%	50.0% #F1EDF8	RGB 241 237 248	#F1EDF8
66.7%	66.7% #F5F0F6	RGB 245 240 246	#F5F0F6
83.3%	83.3% #FAF4F4	RGB 250 244 244	#FAF4F4
100.0%	100.0% #FFF8F3	RGB 255 248 243	#FFF8F3

#E3E2FE #E7E5FC #ECE9FA #F1EDF8 #F5F0F6 #FAF4F4 #FFF8F3

#E3E2FE - #FFF8F3

HSV Blend

#E3E2FE - #FFF8F3 | 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 #E3E2FE as 0% and #FFF8F3 as 100%.

0.0%	0.0% #E3E2FE	RGB 227 226 254	#E3E2FE
16.7%	16.7% #EFE4FE	RGB 239 228 254	#EFE4FE
33.3%	33.3% #FAE7FE	RGB 250 231 254	#FAE7FE
50.0%	50.0% #FEEAF9	RGB 254 234 249	#FEEAF9
66.7%	66.7% #FEEDF3	RGB 254 237 243	#FEEDF3
83.3%	83.3% #FEF0F0	RGB 254 240 240	#FEF0F0
100.0%	100.0% #FFF8F3	RGB 255 248 243	#FFF8F3

#E3E2FE #EFE4FE #FAE7FE #FEEAF9 #FEEDF3 #FEF0F0 #FFF8F3

#E3E2FE - #FEEAF9 - #FFF8F3

CSS codes

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

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