#FFA8AD - #F6F0C9 | 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 #FFA8AD to #F6F0C9

#FFA8AD #F6F0C9

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

#FFA8AD - #F6F0C9 | 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 #FFA8AD as 0% and #F6F0C9 as 100%.

0.0%	0.0% #FFA8AD	RGB 255 168 173	#FFA8AD
16.7%	16.7% #FDB4B1	RGB 253 180 177	#FDB4B1
33.3%	33.3% #FCC0B6	RGB 252 192 182	#FCC0B6
50.0%	50.0% #FACCBB	RGB 250 204 187	#FACCBB
66.7%	66.7% #F9D8BF	RGB 249 216 191	#F9D8BF
83.3%	83.3% #F7E4C4	RGB 247 228 196	#F7E4C4
100.0%	100.0% #F6F0C9	RGB 246 240 201	#F6F0C9

#FFA8AD #FDB4B1 #FCC0B6 #FACCBB #F9D8BF #F7E4C4 #F6F0C9

#FFA8AD - #F6F0C9

HSV Blend

#FFA8AD - #F6F0C9 | 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 #FFA8AD as 0% and #F6F0C9 as 100%.

0.0%	0.0% #FFA8AC	RGB 255 168 172	#FFA8AC
16.7%	16.7% #FDB5AD	RGB 253 181 173	#FDB5AD
33.3%	33.3% #FCC5B3	RGB 252 197 179	#FCC5B3
50.0%	50.0% #FAD3B8	RGB 250 211 184	#FAD3B8
66.7%	66.7% #F9DFBE	RGB 249 223 190	#F9DFBE
83.3%	83.3% #F7E8C3	RGB 247 232 195	#F7E8C3
100.0%	100.0% #F6F0C9	RGB 246 240 201	#F6F0C9

#FFA8AC #FDB5AD #FCC5B3 #FAD3B8 #F9DFBE #F7E8C3 #F6F0C9

#FFA8AD - #FAD3B8 - #F6F0C9

CSS codes

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

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