#FCDBD1 - #EF977E | 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 #FCDBD1 to #EF977E

#FCDBD1 #EF977E

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

#FCDBD1 - #EF977E | 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 #FCDBD1 as 0% and #EF977E as 100%.

0.0%	0.0% #FCDBD1	RGB 252 219 209	#FCDBD1
16.7%	16.7% #F9CFC3	RGB 249 207 195	#F9CFC3
33.3%	33.3% #F7C4B5	RGB 247 196 181	#F7C4B5
50.0%	50.0% #F5B9A7	RGB 245 185 167	#F5B9A7
66.7%	66.7% #F3AD99	RGB 243 173 153	#F3AD99
83.3%	83.3% #F1A28B	RGB 241 162 139	#F1A28B
100.0%	100.0% #EF977E	RGB 239 151 126	#EF977E

#FCDBD1 #F9CFC3 #F7C4B5 #F5B9A7 #F3AD99 #F1A28B #EF977E

#FCDBD1 - #EF977E

HSV Blend

#FCDBD1 - #EF977E | 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 #FCDBD1 as 0% and #EF977E as 100%.

0.0%	0.0% #FCDBD1	RGB 252 219 209	#FCDBD1
16.7%	16.7% #F9CFC2	RGB 249 207 194	#F9CFC2
33.3%	33.3% #F7C3B4	RGB 247 195 180	#F7C3B4
50.0%	50.0% #F5B8A6	RGB 245 184 166	#F5B8A6
66.7%	66.7% #F3AD98	RGB 243 173 152	#F3AD98
83.3%	83.3% #F1A28B	RGB 241 162 139	#F1A28B
100.0%	100.0% #EF977E	RGB 239 151 126	#EF977E

#FCDBD1 #F9CFC2 #F7C3B4 #F5B8A6 #F3AD98 #F1A28B #EF977E

#FCDBD1 - #F5B8A6 - #EF977E

CSS codes

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

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