#FFFFFE - #FFF7DF | 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 #FFFFFE to #FFF7DF

#FFFFFE #FFF7DF

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

#FFFFFE - #FFF7DF | 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 #FFFFFE as 0% and #FFF7DF as 100%.

0.0%	0.0% #FFFFFE	RGB 255 255 254	#FFFFFE
16.7%	16.7% #FFFDF8	RGB 255 253 248	#FFFDF8
33.3%	33.3% #FFFCF3	RGB 255 252 243	#FFFCF3
50.0%	50.0% #FFFBEE	RGB 255 251 238	#FFFBEE
66.7%	66.7% #FFF9E9	RGB 255 249 233	#FFF9E9
83.3%	83.3% #FFF8E4	RGB 255 248 228	#FFF8E4
100.0%	100.0% #FFF7DF	RGB 255 247 223	#FFF7DF

#FFFFFE #FFFDF8 #FFFCF3 #FFFBEE #FFF9E9 #FFF8E4 #FFF7DF

#FFFFFE - #FFF7DF

HSV Blend

#FFFFFE - #FFF7DF | 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 #FFFFFE as 0% and #FFF7DF as 100%.

0.0%	0.0% #FFFFFE	RGB 255 255 254	#FFFFFE
16.7%	16.7% #FFFEF8	RGB 255 254 248	#FFFEF8
33.3%	33.3% #FFFEF3	RGB 255 254 243	#FFFEF3
50.0%	50.0% #FFFCEE	RGB 255 252 238	#FFFCEE
66.7%	66.7% #FFFBE9	RGB 255 251 233	#FFFBE9
83.3%	83.3% #FFF9E4	RGB 255 249 228	#FFF9E4
100.0%	100.0% #FFF7DF	RGB 255 247 223	#FFF7DF

#FFFFFE #FFFEF8 #FFFEF3 #FFFCEE #FFFBE9 #FFF9E4 #FFF7DF

#FFFFFE - #FFFCEE - #FFF7DF

CSS codes

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

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