#FFF8FB - #DDB9C0 | 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 #FFF8FB to #DDB9C0

#FFF8FB #DDB9C0

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

#FFF8FB - #DDB9C0 | 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 #FFF8FB as 0% and #DDB9C0 as 100%.

0.0%	0.0% #FFF8FB	RGB 255 248 251	#FFF8FB
16.7%	16.7% #F9EDF1	RGB 249 237 241	#F9EDF1
33.3%	33.3% #F3E3E7	RGB 243 227 231	#F3E3E7
50.0%	50.0% #EED8DD	RGB 238 216 221	#EED8DD
66.7%	66.7% #E8CED3	RGB 232 206 211	#E8CED3
83.3%	83.3% #E2C3C9	RGB 226 195 201	#E2C3C9
100.0%	100.0% #DDB9C0	RGB 221 185 192	#DDB9C0

#FFF8FB #F9EDF1 #F3E3E7 #EED8DD #E8CED3 #E2C3C9 #DDB9C0

#FFF8FB - #DDB9C0

HSV Blend

#FFF8FB - #DDB9C0 | 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 #FFF8FB as 0% and #DDB9C0 as 100%.

0.0%	0.0% #FFF8FB	RGB 255 248 251	#FFF8FB
16.7%	16.7% #F9ECF1	RGB 249 236 241	#F9ECF1
33.3%	33.3% #F3E1E8	RGB 243 225 232	#F3E1E8
50.0%	50.0% #EED7DE	RGB 238 215 222	#EED7DE
66.7%	66.7% #E8CCD4	RGB 232 204 212	#E8CCD4
83.3%	83.3% #E2C2CA	RGB 226 194 202	#E2C2CA
100.0%	100.0% #DDB9C0	RGB 221 185 192	#DDB9C0

#FFF8FB #F9ECF1 #F3E1E8 #EED7DE #E8CCD4 #E2C2CA #DDB9C0

#FFF8FB - #EED7DE - #DDB9C0

CSS codes

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

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