#FFD0A8 - #FCD2CF | 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 #FFD0A8 to #FCD2CF

#FFD0A8 #FCD2CF

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

#FFD0A8 - #FCD2CF | 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 #FFD0A8 as 0% and #FCD2CF as 100%.

0.0%	0.0% #FFD0A8	RGB 255 208 168	#FFD0A8
16.7%	16.7% #FED0AE	RGB 254 208 174	#FED0AE
33.3%	33.3% #FED0B5	RGB 254 208 181	#FED0B5
50.0%	50.0% #FDD1BB	RGB 253 209 187	#FDD1BB
66.7%	66.7% #FDD1C2	RGB 253 209 194	#FDD1C2
83.3%	83.3% #FCD1C8	RGB 252 209 200	#FCD1C8
100.0%	100.0% #FCD2CF	RGB 252 210 207	#FCD2CF

#FFD0A8 #FED0AE #FED0B5 #FDD1BB #FDD1C2 #FCD1C8 #FCD2CF

#FFD0A8 - #FCD2CF

HSV Blend

#FFD0A8 - #FCD2CF | 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 #FFD0A8 as 0% and #FCD2CF as 100%.

0.0%	0.0% #FFD0A8	RGB 255 208 168	#FFD0A8
16.7%	16.7% #FECEAE	RGB 254 206 174	#FECEAE
33.3%	33.3% #FECDB5	RGB 254 205 181	#FECDB5
50.0%	50.0% #FDCCBB	RGB 253 204 187	#FDCCBB
66.7%	66.7% #FDCDC2	RGB 253 205 194	#FDCDC2
83.3%	83.3% #FCCFC8	RGB 252 207 200	#FCCFC8
100.0%	100.0% #FCD2CF	RGB 252 210 207	#FCD2CF

#FFD0A8 #FECEAE #FECDB5 #FDCCBB #FDCDC2 #FCCFC8 #FCD2CF

#FFD0A8 - #FDCCBB - #FCD2CF

CSS codes

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

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