#FDC4D4 - #FEEEF2 | 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 #FDC4D4 to #FEEEF2

#FDC4D4 #FEEEF2

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

#FDC4D4 - #FEEEF2 | 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 #FDC4D4 as 0% and #FEEEF2 as 100%.

0.0%	0.0% #FDC4D4	RGB 253 196 212	#FDC4D4
16.7%	16.7% #FDCBD9	RGB 253 203 217	#FDCBD9
33.3%	33.3% #FDD2DE	RGB 253 210 222	#FDD2DE
50.0%	50.0% #FDD9E3	RGB 253 217 227	#FDD9E3
66.7%	66.7% #FDE0E8	RGB 253 224 232	#FDE0E8
83.3%	83.3% #FDE7ED	RGB 253 231 237	#FDE7ED
100.0%	100.0% #FEEEF2	RGB 254 238 242	#FEEEF2

#FDC4D4 #FDCBD9 #FDD2DE #FDD9E3 #FDE0E8 #FDE7ED #FEEEF2

#FDC4D4 - #FEEEF2

HSV Blend

#FDC4D4 - #FEEEF2 | 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 #FDC4D4 as 0% and #FEEEF2 as 100%.

0.0%	0.0% #FDC4D4	RGB 253 196 212	#FDC4D4
16.7%	16.7% #FDCAD8	RGB 253 202 216	#FDCAD8
33.3%	33.3% #FDD1DD	RGB 253 209 221	#FDD1DD
50.0%	50.0% #FDD8E2	RGB 253 216 226	#FDD8E2
66.7%	66.7% #FDDFE7	RGB 253 223 231	#FDDFE7
83.3%	83.3% #FDE6EC	RGB 253 230 236	#FDE6EC
100.0%	100.0% #FEEEF2	RGB 254 238 242	#FEEEF2

#FDC4D4 #FDCAD8 #FDD1DD #FDD8E2 #FDDFE7 #FDE6EC #FEEEF2

#FDC4D4 - #FDD8E2 - #FEEEF2

CSS codes

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

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