#F0DCDF - #FFFAED | 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 #F0DCDF to #FFFAED

#F0DCDF #FFFAED

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

#F0DCDF - #FFFAED | 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 #F0DCDF as 0% and #FFFAED as 100%.

0.0%	0.0% #F0DCDF	RGB 240 220 223	#F0DCDF
16.7%	16.7% #F2E1E1	RGB 242 225 225	#F2E1E1
33.3%	33.3% #F5E6E3	RGB 245 230 227	#F5E6E3
50.0%	50.0% #F7EBE6	RGB 247 235 230	#F7EBE6
66.7%	66.7% #FAF0E8	RGB 250 240 232	#FAF0E8
83.3%	83.3% #FCF5EA	RGB 252 245 234	#FCF5EA
100.0%	100.0% #FFFAED	RGB 255 250 237	#FFFAED

#F0DCDF #F2E1E1 #F5E6E3 #F7EBE6 #FAF0E8 #FCF5EA #FFFAED

#F0DCDF - #FFFAED

HSV Blend

#F0DCDF - #FFFAED | 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 #F0DCDF as 0% and #FFFAED as 100%.

0.0%	0.0% #F0DCDF	RGB 240 220 223	#F0DCDF
16.7%	16.7% #F2DEDE	RGB 242 222 222	#F2DEDE
33.3%	33.3% #F5E4E1	RGB 245 228 225	#F5E4E1
50.0%	50.0% #F7E9E4	RGB 247 233 228	#F7E9E4
66.7%	66.7% #FAEFE7	RGB 250 239 231	#FAEFE7
83.3%	83.3% #FCF4EA	RGB 252 244 234	#FCF4EA
100.0%	100.0% #FFFAED	RGB 255 250 237	#FFFAED

#F0DCDF #F2DEDE #F5E4E1 #F7E9E4 #FAEFE7 #FCF4EA #FFFAED

#F0DCDF - #F7E9E4 - #FFFAED

CSS codes

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

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