#EEE5FD - #FAF7FE | 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 #EEE5FD to #FAF7FE

#EEE5FD #FAF7FE

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

#EEE5FD - #FAF7FE | 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 #EEE5FD as 0% and #FAF7FE as 100%.

0.0%	0.0% #EEE5FD	RGB 238 229 253	#EEE5FD
16.7%	16.7% #F0E8FD	RGB 240 232 253	#F0E8FD
33.3%	33.3% #F2EBFD	RGB 242 235 253	#F2EBFD
50.0%	50.0% #F4EEFD	RGB 244 238 253	#F4EEFD
66.7%	66.7% #F6F1FD	RGB 246 241 253	#F6F1FD
83.3%	83.3% #F8F4FD	RGB 248 244 253	#F8F4FD
100.0%	100.0% #FAF7FE	RGB 250 247 254	#FAF7FE

#EEE5FD #F0E8FD #F2EBFD #F4EEFD #F6F1FD #F8F4FD #FAF7FE

#EEE5FD - #FAF7FE

HSV Blend

#EEE5FD - #FAF7FE | 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 #EEE5FD as 0% and #FAF7FE as 100%.

0.0%	0.0% #EEE5FD	RGB 238 229 253	#EEE5FD
16.7%	16.7% #F0E7FD	RGB 240 231 253	#F0E7FD
33.3%	33.3% #F2EAFD	RGB 242 234 253	#F2EAFD
50.0%	50.0% #F4EDFD	RGB 244 237 253	#F4EDFD
66.7%	66.7% #F6F0FD	RGB 246 240 253	#F6F0FD
83.3%	83.3% #F8F3FD	RGB 248 243 253	#F8F3FD
100.0%	100.0% #FAF7FE	RGB 250 247 254	#FAF7FE

#EEE5FD #F0E7FD #F2EAFD #F4EDFD #F6F0FD #F8F3FD #FAF7FE

#EEE5FD - #F4EDFD - #FAF7FE

CSS codes

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

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