#FFC2B1 - #FFECE8 | 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 #FFC2B1 to #FFECE8

#FFC2B1 #FFECE8

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

#FFC2B1 - #FFECE8 | 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 #FFC2B1 as 0% and #FFECE8 as 100%.

0.0%	0.0% #FFC2B1	RGB 255 194 177	#FFC2B1
16.7%	16.7% #FFC9BA	RGB 255 201 186	#FFC9BA
33.3%	33.3% #FFD0C3	RGB 255 208 195	#FFD0C3
50.0%	50.0% #FFD7CC	RGB 255 215 204	#FFD7CC
66.7%	66.7% #FFDED5	RGB 255 222 213	#FFDED5
83.3%	83.3% #FFE5DE	RGB 255 229 222	#FFE5DE
100.0%	100.0% #FFECE8	RGB 255 236 232	#FFECE8

#FFC2B1 #FFC9BA #FFD0C3 #FFD7CC #FFDED5 #FFE5DE #FFECE8

#FFC2B1 - #FFECE8

HSV Blend

#FFC2B1 - #FFECE8 | 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 #FFC2B1 as 0% and #FFECE8 as 100%.

0.0%	0.0% #FFC2B1	RGB 255 194 177	#FFC2B1
16.7%	16.7% #FFC8BA	RGB 255 200 186	#FFC8BA
33.3%	33.3% #FFCFC3	RGB 255 207 195	#FFCFC3
50.0%	50.0% #FFD6CC	RGB 255 214 204	#FFD6CC
66.7%	66.7% #FFDDD5	RGB 255 221 213	#FFDDD5
83.3%	83.3% #FFE4DE	RGB 255 228 222	#FFE4DE
100.0%	100.0% #FFECE8	RGB 255 236 232	#FFECE8

#FFC2B1 #FFC8BA #FFCFC3 #FFD6CC #FFDDD5 #FFE4DE #FFECE8

#FFC2B1 - #FFD6CC - #FFECE8

CSS codes

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

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