#FEC3B8 - #FEEDEA | 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 #FEC3B8 to #FEEDEA

#FEC3B8 #FEEDEA

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

#FEC3B8 - #FEEDEA | 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 #FEC3B8 as 0% and #FEEDEA as 100%.

0.0%	0.0% #FEC3B8	RGB 254 195 184	#FEC3B8
16.7%	16.7% #FECAC0	RGB 254 202 192	#FECAC0
33.3%	33.3% #FED1C8	RGB 254 209 200	#FED1C8
50.0%	50.0% #FED8D1	RGB 254 216 209	#FED8D1
66.7%	66.7% #FEDFD9	RGB 254 223 217	#FEDFD9
83.3%	83.3% #FEE6E1	RGB 254 230 225	#FEE6E1
100.0%	100.0% #FEEDEA	RGB 254 237 234	#FEEDEA

#FEC3B8 #FECAC0 #FED1C8 #FED8D1 #FEDFD9 #FEE6E1 #FEEDEA

#FEC3B8 - #FEEDEA

HSV Blend

#FEC3B8 - #FEEDEA | 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 #FEC3B8 as 0% and #FEEDEA as 100%.

0.0%	0.0% #FEC3B8	RGB 254 195 184	#FEC3B8
16.7%	16.7% #FEC9C0	RGB 254 201 192	#FEC9C0
33.3%	33.3% #FED0C8	RGB 254 208 200	#FED0C8
50.0%	50.0% #FED7D1	RGB 254 215 209	#FED7D1
66.7%	66.7% #FEDED9	RGB 254 222 217	#FEDED9
83.3%	83.3% #FEE5E1	RGB 254 229 225	#FEE5E1
100.0%	100.0% #FEEDEA	RGB 254 237 234	#FEEDEA

#FEC3B8 #FEC9C0 #FED0C8 #FED7D1 #FEDED9 #FEE5E1 #FEEDEA

#FEC3B8 - #FED7D1 - #FEEDEA

CSS codes

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

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