#C9C8C8 - #FFF9BD | 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 #C9C8C8 to #FFF9BD

#C9C8C8 #FFF9BD

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

#C9C8C8 - #FFF9BD | 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 #C9C8C8 as 0% and #FFF9BD as 100%.

0.0%	0.0% #C9C8C8	RGB 201 200 200	#C9C8C8
16.7%	16.7% #D2D0C6	RGB 210 208 198	#D2D0C6
33.3%	33.3% #DBD8C4	RGB 219 216 196	#DBD8C4
50.0%	50.0% #E4E0C2	RGB 228 224 194	#E4E0C2
66.7%	66.7% #EDE8C0	RGB 237 232 192	#EDE8C0
83.3%	83.3% #F6F0BE	RGB 246 240 190	#F6F0BE
100.0%	100.0% #FFF9BD	RGB 255 249 189	#FFF9BD

#C9C8C8 #D2D0C6 #DBD8C4 #E4E0C2 #EDE8C0 #F6F0BE #FFF9BD

#C9C8C8 - #FFF9BD

HSV Blend

#C9C8C8 - #FFF9BD | 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 #C9C8C8 as 0% and #FFF9BD as 100%.

0.0%	0.0% #C9C8C8	RGB 201 200 200	#C9C8C8
16.7%	16.7% #D2C9C8	RGB 210 201 200	#D2C9C8
33.3%	33.3% #DBCDC7	RGB 219 205 199	#DBCDC7
50.0%	50.0% #E4D3C5	RGB 228 211 197	#E4D3C5
66.7%	66.7% #EDDCC3	RGB 237 220 195	#EDDCC3
83.3%	83.3% #F6E9C0	RGB 246 233 192	#F6E9C0
100.0%	100.0% #FFF9BD	RGB 255 249 189	#FFF9BD

#C9C8C8 #D2C9C8 #DBCDC7 #E4D3C5 #EDDCC3 #F6E9C0 #FFF9BD

#C9C8C8 - #E4D3C5 - #FFF9BD

CSS codes

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

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