#FDF9FA - #DB9AB1 | 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 #FDF9FA to #DB9AB1

#FDF9FA #DB9AB1

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

#FDF9FA - #DB9AB1 | 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 #FDF9FA as 0% and #DB9AB1 as 100%.

0.0%	0.0% #FDF9FA	RGB 253 249 250	#FDF9FA
16.7%	16.7% #F7E9ED	RGB 247 233 237	#F7E9ED
33.3%	33.3% #F1D9E1	RGB 241 217 225	#F1D9E1
50.0%	50.0% #ECC9D5	RGB 236 201 213	#ECC9D5
66.7%	66.7% #E6B9C9	RGB 230 185 201	#E6B9C9
83.3%	83.3% #E0A9BD	RGB 224 169 189	#E0A9BD
100.0%	100.0% #DB9AB1	RGB 219 154 177	#DB9AB1

#FDF9FA #F7E9ED #F1D9E1 #ECC9D5 #E6B9C9 #E0A9BD #DB9AB1

#FDF9FA - #DB9AB1

HSV Blend

#FDF9FA - #DB9AB1 | 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 #FDF9FA as 0% and #DB9AB1 as 100%.

0.0%	0.0% #FDF9FA	RGB 253 249 250	#FDF9FA
16.7%	16.7% #F7E7EB	RGB 247 231 235	#F7E7EB
33.3%	33.3% #F1D7DE	RGB 241 215 222	#F1D7DE
50.0%	50.0% #ECC7D2	RGB 236 199 210	#ECC7D2
66.7%	66.7% #E6B7C6	RGB 230 183 198	#E6B7C6
83.3%	83.3% #E0A8BB	RGB 224 168 187	#E0A8BB
100.0%	100.0% #DB9AB1	RGB 219 154 177	#DB9AB1

#FDF9FA #F7E7EB #F1D7DE #ECC7D2 #E6B7C6 #E0A8BB #DB9AB1

#FDF9FA - #ECC7D2 - #DB9AB1

CSS codes

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

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