#FBF0FE - #E8DFFC | 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 #FBF0FE to #E8DFFC

#FBF0FE #E8DFFC

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

#FBF0FE - #E8DFFC | 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 #FBF0FE as 0% and #E8DFFC as 100%.

0.0%	0.0% #FBF0FE	RGB 251 240 254	#FBF0FE
16.7%	16.7% #F7EDFD	RGB 247 237 253	#F7EDFD
33.3%	33.3% #F4EAFD	RGB 244 234 253	#F4EAFD
50.0%	50.0% #F1E7FD	RGB 241 231 253	#F1E7FD
66.7%	66.7% #EEE4FC	RGB 238 228 252	#EEE4FC
83.3%	83.3% #EBE1FC	RGB 235 225 252	#EBE1FC
100.0%	100.0% #E8DFFC	RGB 232 223 252	#E8DFFC

#FBF0FE #F7EDFD #F4EAFD #F1E7FD #EEE4FC #EBE1FC #E8DFFC

#FBF0FE - #E8DFFC

HSV Blend

#FBF0FE - #E8DFFC | 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 #FBF0FE as 0% and #E8DFFC as 100%.

0.0%	0.0% #FBF0FE	RGB 251 240 254	#FBF0FE
16.7%	16.7% #F8EDFD	RGB 248 237 253	#F8EDFD
33.3%	33.3% #F6EAFD	RGB 246 234 253	#F6EAFD
50.0%	50.0% #F3E7FD	RGB 243 231 253	#F3E7FD
66.7%	66.7% #EFE4FC	RGB 239 228 252	#EFE4FC
83.3%	83.3% #ECE1FC	RGB 236 225 252	#ECE1FC
100.0%	100.0% #E8DFFC	RGB 232 223 252	#E8DFFC

#FBF0FE #F8EDFD #F6EAFD #F3E7FD #EFE4FC #ECE1FC #E8DFFC

#FBF0FE - #F3E7FD - #E8DFFC

CSS codes

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

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