#FEE5E2 - #FFFEEF | 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 #FEE5E2 to #FFFEEF

#FEE5E2 #FFFEEF

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

#FEE5E2 - #FFFEEF | 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 #FEE5E2 as 0% and #FFFEEF as 100%.

0.0%	0.0% #FEE5E2	RGB 254 229 226	#FEE5E2
16.7%	16.7% #FEE9E4	RGB 254 233 228	#FEE9E4
33.3%	33.3% #FEEDE6	RGB 254 237 230	#FEEDE6
50.0%	50.0% #FEF1E8	RGB 254 241 232	#FEF1E8
66.7%	66.7% #FEF5EA	RGB 254 245 234	#FEF5EA
83.3%	83.3% #FEF9EC	RGB 254 249 236	#FEF9EC
100.0%	100.0% #FFFEEF	RGB 255 254 239	#FFFEEF

#FEE5E2 #FEE9E4 #FEEDE6 #FEF1E8 #FEF5EA #FEF9EC #FFFEEF

#FEE5E2 - #FFFEEF

HSV Blend

#FEE5E2 - #FFFEEF | 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 #FEE5E2 as 0% and #FFFEEF as 100%.

0.0%	0.0% #FEE5E2	RGB 254 229 226	#FEE5E2
16.7%	16.7% #FEEAE4	RGB 254 234 228	#FEEAE4
33.3%	33.3% #FEEFE6	RGB 254 239 230	#FEEFE6
50.0%	50.0% #FEF3E8	RGB 254 243 232	#FEF3E8
66.7%	66.7% #FEF7EA	RGB 254 247 234	#FEF7EA
83.3%	83.3% #FEFBEC	RGB 254 251 236	#FEFBEC
100.0%	100.0% #FFFEEF	RGB 255 254 239	#FFFEEF

#FEE5E2 #FEEAE4 #FEEFE6 #FEF3E8 #FEF7EA #FEFBEC #FFFEEF

#FEE5E2 - #FEF3E8 - #FFFEEF

CSS codes

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

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