#D9D9F2 - #FFF7FC | 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 #D9D9F2 to #FFF7FC

#D9D9F2 #FFF7FC

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

#D9D9F2 - #FFF7FC | 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 #D9D9F2 as 0% and #FFF7FC as 100%.

0.0%	0.0% #D9D9F2	RGB 217 217 242	#D9D9F2
16.7%	16.7% #DFDEF3	RGB 223 222 243	#DFDEF3
33.3%	33.3% #E5E3F5	RGB 229 227 245	#E5E3F5
50.0%	50.0% #ECE8F7	RGB 236 232 247	#ECE8F7
66.7%	66.7% #F2EDF8	RGB 242 237 248	#F2EDF8
83.3%	83.3% #F8F2FA	RGB 248 242 250	#F8F2FA
100.0%	100.0% #FFF7FC	RGB 255 247 252	#FFF7FC

#D9D9F2 #DFDEF3 #E5E3F5 #ECE8F7 #F2EDF8 #F8F2FA #FFF7FC

#D9D9F2 - #FFF7FC

HSV Blend

#D9D9F2 - #FFF7FC | 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 #D9D9F2 as 0% and #FFF7FC as 100%.

0.0%	0.0% #D9D9F2	RGB 217 217 242	#D9D9F2
16.7%	16.7% #E2DDF4	RGB 226 221 244	#E2DDF4
33.3%	33.3% #EBE2F6	RGB 235 226 246	#EBE2F6
50.0%	50.0% #F3E7F8	RGB 243 231 248	#F3E7F8
66.7%	66.7% #F9ECFA	RGB 249 236 250	#F9ECFA
83.3%	83.3% #FCF1FB	RGB 252 241 251	#FCF1FB
100.0%	100.0% #FFF7FC	RGB 255 247 252	#FFF7FC

#D9D9F2 #E2DDF4 #EBE2F6 #F3E7F8 #F9ECFA #FCF1FB #FFF7FC

#D9D9F2 - #F3E7F8 - #FFF7FC

CSS codes

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

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