#FFC5D9 - #FDF6EC | 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 #FFC5D9 to #FDF6EC

#FFC5D9 #FDF6EC

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

#FFC5D9 - #FDF6EC | 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 #FFC5D9 as 0% and #FDF6EC as 100%.

0.0%	0.0% #FFC5D9	RGB 255 197 217	#FFC5D9
16.7%	16.7% #FECDDC	RGB 254 205 220	#FECDDC
33.3%	33.3% #FED5DF	RGB 254 213 223	#FED5DF
50.0%	50.0% #FEDDE2	RGB 254 221 226	#FEDDE2
66.7%	66.7% #FDE5E5	RGB 253 229 229	#FDE5E5
83.3%	83.3% #FDEDE8	RGB 253 237 232	#FDEDE8
100.0%	100.0% #FDF6EC	RGB 253 246 236	#FDF6EC

#FFC5D9 #FECDDC #FED5DF #FEDDE2 #FDE5E5 #FDEDE8 #FDF6EC

#FFC5D9 - #FDF6EC

HSV Blend

#FFC5D9 - #FDF6EC | 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 #FFC5D9 as 0% and #FDF6EC as 100%.

0.0%	0.0% #FFC5D9	RGB 255 197 217	#FFC5D9
16.7%	16.7% #FECBD5	RGB 254 203 213	#FECBD5
33.3%	33.3% #FED2D3	RGB 254 210 211	#FED2D3
50.0%	50.0% #FEDDD8	RGB 254 221 216	#FEDDD8
66.7%	66.7% #FDE7DF	RGB 253 231 223	#FDE7DF
83.3%	83.3% #FDEFE5	RGB 253 239 229	#FDEFE5
100.0%	100.0% #FDF6EC	RGB 253 246 236	#FDF6EC

#FFC5D9 #FECBD5 #FED2D3 #FEDDD8 #FDE7DF #FDEFE5 #FDF6EC

#FFC5D9 - #FEDDD8 - #FDF6EC

CSS codes

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

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