#FED2B4 - #FCFBE1 | 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 #FED2B4 to #FCFBE1

#FED2B4 #FCFBE1

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

#FED2B4 - #FCFBE1 | 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 #FED2B4 as 0% and #FCFBE1 as 100%.

0.0%	0.0% #FED2B4	RGB 254 210 180	#FED2B4
16.7%	16.7% #FDD8BB	RGB 253 216 187	#FDD8BB
33.3%	33.3% #FDDFC3	RGB 253 223 195	#FDDFC3
50.0%	50.0% #FDE6CA	RGB 253 230 202	#FDE6CA
66.7%	66.7% #FCEDD2	RGB 252 237 210	#FCEDD2
83.3%	83.3% #FCF4D9	RGB 252 244 217	#FCF4D9
100.0%	100.0% #FCFBE1	RGB 252 251 225	#FCFBE1

#FED2B4 #FDD8BB #FDDFC3 #FDE6CA #FCEDD2 #FCF4D9 #FCFBE1

#FED2B4 - #FCFBE1

HSV Blend

#FED2B4 - #FCFBE1 | 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 #FED2B4 as 0% and #FCFBE1 as 100%.

0.0%	0.0% #FED2B4	RGB 254 210 180	#FED2B4
16.7%	16.7% #FDDCBB	RGB 253 220 187	#FDDCBB
33.3%	33.3% #FDE5C3	RGB 253 229 195	#FDE5C3
50.0%	50.0% #FDEDCA	RGB 253 237 202	#FDEDCA
66.7%	66.7% #FCF3D2	RGB 252 243 210	#FCF3D2
83.3%	83.3% #FCF7D9	RGB 252 247 217	#FCF7D9
100.0%	100.0% #FCFBE1	RGB 252 251 225	#FCFBE1

#FED2B4 #FDDCBB #FDE5C3 #FDEDCA #FCF3D2 #FCF7D9 #FCFBE1

#FED2B4 - #FDEDCA - #FCFBE1

CSS codes

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

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