#C9C5C5 - #FFFBD7 | 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 #C9C5C5 to #FFFBD7

#C9C5C5 #FFFBD7

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

#C9C5C5 - #FFFBD7 | 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 #C9C5C5 as 0% and #FFFBD7 as 100%.

0.0%	0.0% #C9C5C5	RGB 201 197 197	#C9C5C5
16.7%	16.7% #D2CEC8	RGB 210 206 200	#D2CEC8
33.3%	33.3% #DBD7CB	RGB 219 215 203	#DBD7CB
50.0%	50.0% #E4E0CE	RGB 228 224 206	#E4E0CE
66.7%	66.7% #EDE9D1	RGB 237 233 209	#EDE9D1
83.3%	83.3% #F6F2D4	RGB 246 242 212	#F6F2D4
100.0%	100.0% #FFFBD7	RGB 255 251 215	#FFFBD7

#C9C5C5 #D2CEC8 #DBD7CB #E4E0CE #EDE9D1 #F6F2D4 #FFFBD7

#C9C5C5 - #FFFBD7

HSV Blend

#C9C5C5 - #FFFBD7 | 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 #C9C5C5 as 0% and #FFFBD7 as 100%.

0.0%	0.0% #C9C5C5	RGB 201 197 197	#C9C5C5
16.7%	16.7% #D2CAC9	RGB 210 202 201	#D2CAC9
33.3%	33.3% #DBD0CC	RGB 219 208 204	#DBD0CC
50.0%	50.0% #E4D8CF	RGB 228 216 207	#E4D8CF
66.7%	66.7% #EDE2D2	RGB 237 226 210	#EDE2D2
83.3%	83.3% #F6EDD5	RGB 246 237 213	#F6EDD5
100.0%	100.0% #FFFBD7	RGB 255 251 215	#FFFBD7

#C9C5C5 #D2CAC9 #DBD0CC #E4D8CF #EDE2D2 #F6EDD5 #FFFBD7

#C9C5C5 - #E4D8CF - #FFFBD7

CSS codes

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

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