#FEFFFF - #DFFCFF | 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 #FEFFFF to #DFFCFF

#FEFFFF #DFFCFF

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

#FEFFFF - #DFFCFF | 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 #FEFFFF as 0% and #DFFCFF as 100%.

0.0%	0.0% #FEFFFF	RGB 254 255 255	#FEFFFF
16.7%	16.7% #F8FEFF	RGB 248 254 255	#F8FEFF
33.3%	33.3% #F3FEFF	RGB 243 254 255	#F3FEFF
50.0%	50.0% #EEFDFF	RGB 238 253 255	#EEFDFF
66.7%	66.7% #E9FDFF	RGB 233 253 255	#E9FDFF
83.3%	83.3% #E4FCFF	RGB 228 252 255	#E4FCFF
100.0%	100.0% #DFFCFF	RGB 223 252 255	#DFFCFF

#FEFFFF #F8FEFF #F3FEFF #EEFDFF #E9FDFF #E4FCFF #DFFCFF

#FEFFFF - #DFFCFF

HSV Blend

#FEFFFF - #DFFCFF | 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 #FEFFFF as 0% and #DFFCFF as 100%.

0.0%	0.0% #FEFFFF	RGB 254 255 255	#FEFFFF
16.7%	16.7% #F8FEFF	RGB 248 254 255	#F8FEFF
33.3%	33.3% #F3FEFF	RGB 243 254 255	#F3FEFF
50.0%	50.0% #EEFEFF	RGB 238 254 255	#EEFEFF
66.7%	66.7% #E9FDFF	RGB 233 253 255	#E9FDFF
83.3%	83.3% #E4FCFF	RGB 228 252 255	#E4FCFF
100.0%	100.0% #DFFCFF	RGB 223 252 255	#DFFCFF

#FEFFFF #F8FEFF #F3FEFF #EEFEFF #E9FDFF #E4FCFF #DFFCFF

#FEFFFF - #EEFEFF - #DFFCFF

CSS codes

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

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