#FF9EC9 - #FCF0E5 | 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 #FF9EC9 to #FCF0E5

#FF9EC9 #FCF0E5

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

#FF9EC9 - #FCF0E5 | 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 #FF9EC9 as 0% and #FCF0E5 as 100%.

0.0%	0.0% #FF9EC9	RGB 255 158 201	#FF9EC9
16.7%	16.7% #FEABCD	RGB 254 171 205	#FEABCD
33.3%	33.3% #FEB9D2	RGB 254 185 210	#FEB9D2
50.0%	50.0% #FDC7D7	RGB 253 199 215	#FDC7D7
66.7%	66.7% #FDD4DB	RGB 253 212 219	#FDD4DB
83.3%	83.3% #FCE2E0	RGB 252 226 224	#FCE2E0
100.0%	100.0% #FCF0E5	RGB 252 240 229	#FCF0E5

#FF9EC9 #FEABCD #FEB9D2 #FDC7D7 #FDD4DB #FCE2E0 #FCF0E5

#FF9EC9 - #FCF0E5

HSV Blend

#FF9EC9 - #FCF0E5 | 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 #FF9EC9 as 0% and #FCF0E5 as 100%.

0.0%	0.0% #FF9EC9	RGB 255 158 201	#FF9EC9
16.7%	16.7% #FEA9C2	RGB 254 169 194	#FEA9C2
33.3%	33.3% #FEB5BF	RGB 254 181 191	#FEB5BF
50.0%	50.0% #FDC2C1	RGB 253 194 193	#FDC2C1
66.7%	66.7% #FDD5CD	RGB 253 213 205	#FDD5CD
83.3%	83.3% #FCE4D9	RGB 252 228 217	#FCE4D9
100.0%	100.0% #FCF0E5	RGB 252 240 229	#FCF0E5

#FF9EC9 #FEA9C2 #FEB5BF #FDC2C1 #FDD5CD #FCE4D9 #FCF0E5

#FF9EC9 - #FDC2C1 - #FCF0E5

CSS codes

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

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