#C8C8C6 - #FFF5CF | 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 #C8C8C6 to #FFF5CF

#C8C8C6 #FFF5CF

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

#C8C8C6 - #FFF5CF | 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 #C8C8C6 as 0% and #FFF5CF as 100%.

0.0%	0.0% #C8C8C6	RGB 200 200 198	#C8C8C6
16.7%	16.7% #D1CFC7	RGB 209 207 199	#D1CFC7
33.3%	33.3% #DAD7C9	RGB 218 215 201	#DAD7C9
50.0%	50.0% #E3DECA	RGB 227 222 202	#E3DECA
66.7%	66.7% #ECE6CC	RGB 236 230 204	#ECE6CC
83.3%	83.3% #F5EDCD	RGB 245 237 205	#F5EDCD
100.0%	100.0% #FFF5CF	RGB 255 245 207	#FFF5CF

#C8C8C6 #D1CFC7 #DAD7C9 #E3DECA #ECE6CC #F5EDCD #FFF5CF

#C8C8C6 - #FFF5CF

HSV Blend

#C8C8C6 - #FFF5CF | 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 #C8C8C6 as 0% and #FFF5CF as 100%.

0.0%	0.0% #C8C8C6	RGB 200 200 198	#C8C8C6
16.7%	16.7% #D1D0C8	RGB 209 208 200	#D1D0C8
33.3%	33.3% #DAD9CB	RGB 218 217 203	#DAD9CB
50.0%	50.0% #E3E1CC	RGB 227 225 204	#E3E1CC
66.7%	66.7% #ECE8CE	RGB 236 232 206	#ECE8CE
83.3%	83.3% #F5EFCE	RGB 245 239 206	#F5EFCE
100.0%	100.0% #FFF5CF	RGB 255 245 207	#FFF5CF

#C8C8C6 #D1D0C8 #DAD9CB #E3E1CC #ECE8CE #F5EFCE #FFF5CF

#C8C8C6 - #E3E1CC - #FFF5CF

CSS codes

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

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