#FFD9FB - #FFFEF2 | 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 #FFD9FB to #FFFEF2

#FFD9FB #FFFEF2

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

#FFD9FB - #FFFEF2 | 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 #FFD9FB as 0% and #FFFEF2 as 100%.

0.0%	0.0% #FFD9FB	RGB 255 217 251	#FFD9FB
16.7%	16.7% #FFDFF9	RGB 255 223 249	#FFDFF9
33.3%	33.3% #FFE5F8	RGB 255 229 248	#FFE5F8
50.0%	50.0% #FFEBF6	RGB 255 235 246	#FFEBF6
66.7%	66.7% #FFF1F5	RGB 255 241 245	#FFF1F5
83.3%	83.3% #FFF7F3	RGB 255 247 243	#FFF7F3
100.0%	100.0% #FFFEF2	RGB 255 254 242	#FFFEF2

#FFD9FB #FFDFF9 #FFE5F8 #FFEBF6 #FFF1F5 #FFF7F3 #FFFEF2

#FFD9FB - #FFFEF2

HSV Blend

#FFD9FB - #FFFEF2 | 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 #FFD9FB as 0% and #FFFEF2 as 100%.

0.0%	0.0% #FFD9FB	RGB 255 217 251	#FFD9FB
16.7%	16.7% #FFDDF1	RGB 255 221 241	#FFDDF1
33.3%	33.3% #FFE1E9	RGB 255 225 233	#FFE1E9
50.0%	50.0% #FFE5E5	RGB 255 229 229	#FFE5E5
66.7%	66.7% #FFF0E9	RGB 255 240 233	#FFF0E9
83.3%	83.3% #FFF8ED	RGB 255 248 237	#FFF8ED
100.0%	100.0% #FFFEF2	RGB 255 254 242	#FFFEF2

#FFD9FB #FFDDF1 #FFE1E9 #FFE5E5 #FFF0E9 #FFF8ED #FFFEF2

#FFD9FB - #FFE5E5 - #FFFEF2

CSS codes

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

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