#DBD9F2 - #FFF4E9 | 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 #DBD9F2 to #FFF4E9

#DBD9F2 #FFF4E9

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

#DBD9F2 - #FFF4E9 | 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 #DBD9F2 as 0% and #FFF4E9 as 100%.

0.0%	0.0% #DBD9F2	RGB 219 217 242	#DBD9F2
16.7%	16.7% #E1DDF0	RGB 225 221 240	#E1DDF0
33.3%	33.3% #E7E2EF	RGB 231 226 239	#E7E2EF
50.0%	50.0% #EDE6ED	RGB 237 230 237	#EDE6ED
66.7%	66.7% #F3EBEC	RGB 243 235 236	#F3EBEC
83.3%	83.3% #F9EFEA	RGB 249 239 234	#F9EFEA
100.0%	100.0% #FFF4E9	RGB 255 244 233	#FFF4E9

#DBD9F2 #E1DDF0 #E7E2EF #EDE6ED #F3EBEC #F9EFEA #FFF4E9

#DBD9F2 - #FFF4E9

HSV Blend

#DBD9F2 - #FFF4E9 | 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 #DBD9F2 as 0% and #FFF4E9 as 100%.

0.0%	0.0% #DBD9F2	RGB 219 217 242	#DBD9F2
16.7%	16.7% #E7DBF4	RGB 231 219 244	#E7DBF4
33.3%	33.3% #F3DEF6	RGB 243 222 246	#F3DEF6
50.0%	50.0% #F8E0F1	RGB 248 224 241	#F8E0F1
66.7%	66.7% #FAE3EA	RGB 250 227 234	#FAE3EA
83.3%	83.3% #FCE8E6	RGB 252 232 230	#FCE8E6
100.0%	100.0% #FFF4E9	RGB 255 244 233	#FFF4E9

#DBD9F2 #E7DBF4 #F3DEF6 #F8E0F1 #FAE3EA #FCE8E6 #FFF4E9

#DBD9F2 - #F8E0F1 - #FFF4E9

CSS codes

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

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