#FCE5E6 - #D29FA2 | 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 #FCE5E6 to #D29FA2

#FCE5E6 #D29FA2

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

#FCE5E6 - #D29FA2 | 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 #FCE5E6 as 0% and #D29FA2 as 100%.

0.0%	0.0% #FCE5E6	RGB 252 229 230	#FCE5E6
16.7%	16.7% #F5D9DA	RGB 245 217 218	#F5D9DA
33.3%	33.3% #EECDCF	RGB 238 205 207	#EECDCF
50.0%	50.0% #E7C2C4	RGB 231 194 196	#E7C2C4
66.7%	66.7% #E0B6B8	RGB 224 182 184	#E0B6B8
83.3%	83.3% #D9AAAD	RGB 217 170 173	#D9AAAD
100.0%	100.0% #D29FA2	RGB 210 159 162	#D29FA2

#FCE5E6 #F5D9DA #EECDCF #E7C2C4 #E0B6B8 #D9AAAD #D29FA2

#FCE5E6 - #D29FA2

HSV Blend

#FCE5E6 - #D29FA2 | 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 #FCE5E6 as 0% and #D29FA2 as 100%.

0.0%	0.0% #FCE5E6	RGB 252 229 230	#FCE5E6
16.7%	16.7% #F5D8D9	RGB 245 216 217	#F5D8D9
33.3%	33.3% #EECCCD	RGB 238 204 205	#EECCCD
50.0%	50.0% #E7C0C2	RGB 231 192 194	#E7C0C2
66.7%	66.7% #E0B4B7	RGB 224 180 183	#E0B4B7
83.3%	83.3% #D9A9AC	RGB 217 169 172	#D9A9AC
100.0%	100.0% #D29FA2	RGB 210 159 162	#D29FA2

#FCE5E6 #F5D8D9 #EECCCD #E7C0C2 #E0B4B7 #D9A9AC #D29FA2

#FCE5E6 - #E7C0C2 - #D29FA2

CSS codes

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

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