#F8D0C0 - #FDF1ED | 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 #F8D0C0 to #FDF1ED

#F8D0C0 #FDF1ED

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

#F8D0C0 - #FDF1ED | 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 #F8D0C0 as 0% and #FDF1ED as 100%.

0.0%	0.0% #F8D0C0	RGB 248 208 192	#F8D0C0
16.7%	16.7% #F8D5C7	RGB 248 213 199	#F8D5C7
33.3%	33.3% #F9DBCF	RGB 249 219 207	#F9DBCF
50.0%	50.0% #FAE0D6	RGB 250 224 214	#FAE0D6
66.7%	66.7% #FBE6DE	RGB 251 230 222	#FBE6DE
83.3%	83.3% #FCEBE5	RGB 252 235 229	#FCEBE5
100.0%	100.0% #FDF1ED	RGB 253 241 237	#FDF1ED

#F8D0C0 #F8D5C7 #F9DBCF #FAE0D6 #FBE6DE #FCEBE5 #FDF1ED

#F8D0C0 - #FDF1ED

HSV Blend

#F8D0C0 - #FDF1ED | 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 #F8D0C0 as 0% and #FDF1ED as 100%.

0.0%	0.0% #F8D0C0	RGB 248 208 192	#F8D0C0
16.7%	16.7% #F8D5C7	RGB 248 213 199	#F8D5C7
33.3%	33.3% #F9DACE	RGB 249 218 206	#F9DACE
50.0%	50.0% #FADFD6	RGB 250 223 214	#FADFD6
66.7%	66.7% #FBE5DD	RGB 251 229 221	#FBE5DD
83.3%	83.3% #FCEBE5	RGB 252 235 229	#FCEBE5
100.0%	100.0% #FDF1ED	RGB 253 241 237	#FDF1ED

#F8D0C0 #F8D5C7 #F9DACE #FADFD6 #FBE5DD #FCEBE5 #FDF1ED

#F8D0C0 - #FADFD6 - #FDF1ED

CSS codes

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

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