#FDFBFF - #DEE7FF | 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 #FDFBFF to #DEE7FF

#FDFBFF #DEE7FF

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

#FDFBFF - #DEE7FF | 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 #FDFBFF as 0% and #DEE7FF as 100%.

0.0%	0.0% #FDFBFF	RGB 253 251 255	#FDFBFF
16.7%	16.7% #F7F7FF	RGB 247 247 255	#F7F7FF
33.3%	33.3% #F2F4FF	RGB 242 244 255	#F2F4FF
50.0%	50.0% #EDF1FF	RGB 237 241 255	#EDF1FF
66.7%	66.7% #E8EDFF	RGB 232 237 255	#E8EDFF
83.3%	83.3% #E3EAFF	RGB 227 234 255	#E3EAFF
100.0%	100.0% #DEE7FF	RGB 222 231 255	#DEE7FF

#FDFBFF #F7F7FF #F2F4FF #EDF1FF #E8EDFF #E3EAFF #DEE7FF

#FDFBFF - #DEE7FF

HSV Blend

#FDFBFF - #DEE7FF | 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 #FDFBFF as 0% and #DEE7FF as 100%.

0.0%	0.0% #FDFBFF	RGB 253 251 255	#FDFBFF
16.7%	16.7% #F9F6FF	RGB 249 246 255	#F9F6FF
33.3%	33.3% #F4F1FF	RGB 244 241 255	#F4F1FF
50.0%	50.0% #EEECFF	RGB 238 236 255	#EEECFF
66.7%	66.7% #E7E8FF	RGB 231 232 255	#E7E8FF
83.3%	83.3% #E2E6FF	RGB 226 230 255	#E2E6FF
100.0%	100.0% #DEE7FF	RGB 222 231 255	#DEE7FF

#FDFBFF #F9F6FF #F4F1FF #EEECFF #E7E8FF #E2E6FF #DEE7FF

#FDFBFF - #EEECFF - #DEE7FF

CSS codes

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

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