#FFE2C7 - #FCF3E4 | 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 #FFE2C7 to #FCF3E4

#FFE2C7 #FCF3E4

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

#FFE2C7 - #FCF3E4 | 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 #FFE2C7 as 0% and #FCF3E4 as 100%.

0.0%	0.0% #FFE2C7	RGB 255 226 199	#FFE2C7
16.7%	16.7% #FEE4CB	RGB 254 228 203	#FEE4CB
33.3%	33.3% #FEE7D0	RGB 254 231 208	#FEE7D0
50.0%	50.0% #FDEAD5	RGB 253 234 213	#FDEAD5
66.7%	66.7% #FDEDDA	RGB 253 237 218	#FDEDDA
83.3%	83.3% #FCF0DF	RGB 252 240 223	#FCF0DF
100.0%	100.0% #FCF3E4	RGB 252 243 228	#FCF3E4

#FFE2C7 #FEE4CB #FEE7D0 #FDEAD5 #FDEDDA #FCF0DF #FCF3E4

#FFE2C7 - #FCF3E4

HSV Blend

#FFE2C7 - #FCF3E4 | 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 #FFE2C7 as 0% and #FCF3E4 as 100%.

0.0%	0.0% #FFE2C7	RGB 255 226 199	#FFE2C7
16.7%	16.7% #FEE5CB	RGB 254 229 203	#FEE5CB
33.3%	33.3% #FEE8D0	RGB 254 232 208	#FEE8D0
50.0%	50.0% #FDEBD5	RGB 253 235 213	#FDEBD5
66.7%	66.7% #FDEEDA	RGB 253 238 218	#FDEEDA
83.3%	83.3% #FCF0DF	RGB 252 240 223	#FCF0DF
100.0%	100.0% #FCF3E4	RGB 252 243 228	#FCF3E4

#FFE2C7 #FEE5CB #FEE8D0 #FDEBD5 #FDEEDA #FCF0DF #FCF3E4

#FFE2C7 - #FDEBD5 - #FCF3E4

CSS codes

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

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