#FFA2AD - #FEFCE7 | 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 #FFA2AD to #FEFCE7

#FFA2AD #FEFCE7

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

#FFA2AD - #FEFCE7 | 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 #FFA2AD as 0% and #FEFCE7 as 100%.

0.0%	0.0% #FFA2AD	RGB 255 162 173	#FFA2AD
16.7%	16.7% #FEB1B6	RGB 254 177 182	#FEB1B6
33.3%	33.3% #FEC0C0	RGB 254 192 192	#FEC0C0
50.0%	50.0% #FECFCA	RGB 254 207 202	#FECFCA
66.7%	66.7% #FEDED3	RGB 254 222 211	#FEDED3
83.3%	83.3% #FEEDDD	RGB 254 237 221	#FEEDDD
100.0%	100.0% #FEFCE7	RGB 254 252 231	#FEFCE7

#FFA2AD #FEB1B6 #FEC0C0 #FECFCA #FEDED3 #FEEDDD #FEFCE7

#FFA2AD - #FEFCE7

HSV Blend

#FFA2AD - #FEFCE7 | 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 #FFA2AD as 0% and #FEFCE7 as 100%.

0.0%	0.0% #FFA2AD	RGB 255 162 173	#FFA2AD
16.7%	16.7% #FEB1AD	RGB 254 177 173	#FEB1AD
33.3%	33.3% #FEC8B9	RGB 254 200 185	#FEC8B9
50.0%	50.0% #FEDBC4	RGB 254 219 196	#FEDBC4
66.7%	66.7% #FEEAD0	RGB 254 234 208	#FEEAD0
83.3%	83.3% #FEF5DB	RGB 254 245 219	#FEF5DB
100.0%	100.0% #FEFCE7	RGB 254 252 231	#FEFCE7

#FFA2AD #FEB1AD #FEC8B9 #FEDBC4 #FEEAD0 #FEF5DB #FEFCE7

#FFA2AD - #FEDBC4 - #FEFCE7

CSS codes

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

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