#FDB6CE - #FEEAF1 | 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 #FDB6CE to #FEEAF1

#FDB6CE #FEEAF1

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

#FDB6CE - #FEEAF1 | 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 #FDB6CE as 0% and #FEEAF1 as 100%.

0.0%	0.0% #FDB6CE	RGB 253 182 206	#FDB6CE
16.7%	16.7% #FDBED3	RGB 253 190 211	#FDBED3
33.3%	33.3% #FDC7D9	RGB 253 199 217	#FDC7D9
50.0%	50.0% #FDD0DF	RGB 253 208 223	#FDD0DF
66.7%	66.7% #FDD8E5	RGB 253 216 229	#FDD8E5
83.3%	83.3% #FDE1EB	RGB 253 225 235	#FDE1EB
100.0%	100.0% #FEEAF1	RGB 254 234 241	#FEEAF1

#FDB6CE #FDBED3 #FDC7D9 #FDD0DF #FDD8E5 #FDE1EB #FEEAF1

#FDB6CE - #FEEAF1

HSV Blend

#FDB6CE - #FEEAF1 | 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 #FDB6CE as 0% and #FEEAF1 as 100%.

0.0%	0.0% #FDB6CE	RGB 253 182 206	#FDB6CE
16.7%	16.7% #FDBED3	RGB 253 190 211	#FDBED3
33.3%	33.3% #FDC7D9	RGB 253 199 217	#FDC7D9
50.0%	50.0% #FDCFDF	RGB 253 207 223	#FDCFDF
66.7%	66.7% #FDD8E5	RGB 253 216 229	#FDD8E5
83.3%	83.3% #FDE1EB	RGB 253 225 235	#FDE1EB
100.0%	100.0% #FEEAF1	RGB 254 234 241	#FEEAF1

#FDB6CE #FDBED3 #FDC7D9 #FDCFDF #FDD8E5 #FDE1EB #FEEAF1

#FDB6CE - #FDCFDF - #FEEAF1

CSS codes

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

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