#C9A8A8 - #FBFFD1 | 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 #C9A8A8 to #FBFFD1

#C9A8A8 #FBFFD1

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

#C9A8A8 - #FBFFD1 | 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 #C9A8A8 as 0% and #FBFFD1 as 100%.

0.0%	0.0% #C9A8A8	RGB 201 168 168	#C9A8A8
16.7%	16.7% #D1B6AE	RGB 209 182 174	#D1B6AE
33.3%	33.3% #D9C5B5	RGB 217 197 181	#D9C5B5
50.0%	50.0% #E2D3BC	RGB 226 211 188	#E2D3BC
66.7%	66.7% #EAE2C3	RGB 234 226 195	#EAE2C3
83.3%	83.3% #F2F0CA	RGB 242 240 202	#F2F0CA
100.0%	100.0% #FBFFD1	RGB 251 255 209	#FBFFD1

#C9A8A8 #D1B6AE #D9C5B5 #E2D3BC #EAE2C3 #F2F0CA #FBFFD1

#C9A8A8 - #FBFFD1

HSV Blend

#C9A8A8 - #FBFFD1 | 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 #C9A8A8 as 0% and #FBFFD1 as 100%.

0.0%	0.0% #C9A8A8	RGB 201 168 168	#C9A8A8
16.7%	16.7% #D2B5AE	RGB 210 181 174	#D2B5AE
33.3%	33.3% #DBC3B5	RGB 219 195 181	#DBC3B5
50.0%	50.0% #E4D2BC	RGB 228 210 188	#E4D2BC
66.7%	66.7% #EDE1C3	RGB 237 225 195	#EDE1C3
83.3%	83.3% #F6F1CA	RGB 246 241 202	#F6F1CA
100.0%	100.0% #FBFFD1	RGB 251 255 209	#FBFFD1

#C9A8A8 #D2B5AE #DBC3B5 #E4D2BC #EDE1C3 #F6F1CA #FBFFD1

#C9A8A8 - #E4D2BC - #FBFFD1

CSS codes

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

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