#C9C5C0 - #FFFBD5 | 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 #C9C5C0 to #FFFBD5

#C9C5C0 #FFFBD5

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

#C9C5C0 - #FFFBD5 | 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 #C9C5C0 as 0% and #FFFBD5 as 100%.

0.0%	0.0% #C9C5C0	RGB 201 197 192	#C9C5C0
16.7%	16.7% #D2CEC3	RGB 210 206 195	#D2CEC3
33.3%	33.3% #DBD7C7	RGB 219 215 199	#DBD7C7
50.0%	50.0% #E4E0CA	RGB 228 224 202	#E4E0CA
66.7%	66.7% #EDE9CE	RGB 237 233 206	#EDE9CE
83.3%	83.3% #F6F2D1	RGB 246 242 209	#F6F2D1
100.0%	100.0% #FFFBD5	RGB 255 251 213	#FFFBD5

#C9C5C0 #D2CEC3 #DBD7C7 #E4E0CA #EDE9CE #F6F2D1 #FFFBD5

#C9C5C0 - #FFFBD5

HSV Blend

#C9C5C0 - #FFFBD5 | 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 #C9C5C0 as 0% and #FFFBD5 as 100%.

0.0%	0.0% #C9C5C0	RGB 201 197 192	#C9C5C0
16.7%	16.7% #D2CCC4	RGB 210 204 196	#D2CCC4
33.3%	33.3% #DBD4C8	RGB 219 212 200	#DBD4C8
50.0%	50.0% #E4DDCC	RGB 228 221 204	#E4DDCC
66.7%	66.7% #EDE6CF	RGB 237 230 207	#EDE6CF
83.3%	83.3% #F6F0D2	RGB 246 240 210	#F6F0D2
100.0%	100.0% #FFFBD5	RGB 255 251 213	#FFFBD5

#C9C5C0 #D2CCC4 #DBD4C8 #E4DDCC #EDE6CF #F6F0D2 #FFFBD5

#C9C5C0 - #E4DDCC - #FFFBD5

CSS codes

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

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