#FFC6A8 - #FCCFD0 | 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 #FFC6A8 to #FCCFD0

#FFC6A8 #FCCFD0

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

#FFC6A8 - #FCCFD0 | 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 #FFC6A8 as 0% and #FCCFD0 as 100%.

0.0%	0.0% #FFC6A8	RGB 255 198 168	#FFC6A8
16.7%	16.7% #FEC7AE	RGB 254 199 174	#FEC7AE
33.3%	33.3% #FEC9B5	RGB 254 201 181	#FEC9B5
50.0%	50.0% #FDCABC	RGB 253 202 188	#FDCABC
66.7%	66.7% #FDCCC2	RGB 253 204 194	#FDCCC2
83.3%	83.3% #FCCDC9	RGB 252 205 201	#FCCDC9
100.0%	100.0% #FCCFD0	RGB 252 207 208	#FCCFD0

#FFC6A8 #FEC7AE #FEC9B5 #FDCABC #FDCCC2 #FCCDC9 #FCCFD0

#FFC6A8 - #FCCFD0

HSV Blend

#FFC6A8 - #FCCFD0 | 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 #FFC6A8 as 0% and #FCCFD0 as 100%.

0.0%	0.0% #FFC6A8	RGB 255 198 168	#FFC6A8
16.7%	16.7% #FEC5AE	RGB 254 197 174	#FEC5AE
33.3%	33.3% #FEC5B5	RGB 254 197 181	#FEC5B5
50.0%	50.0% #FDC6BB	RGB 253 198 187	#FDC6BB
66.7%	66.7% #FDC8C2	RGB 253 200 194	#FDC8C2
83.3%	83.3% #FCCAC8	RGB 252 202 200	#FCCAC8
100.0%	100.0% #FCCFD0	RGB 252 207 208	#FCCFD0

#FFC6A8 #FEC5AE #FEC5B5 #FDC6BB #FDC8C2 #FCCAC8 #FCCFD0

#FFC6A8 - #FDC6BB - #FCCFD0

CSS codes

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

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