#C8C7BC - #FFFECF | 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 #C8C7BC to #FFFECF

#C8C7BC #FFFECF

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

#C8C7BC - #FFFECF | 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 #C8C7BC as 0% and #FFFECF as 100%.

0.0%	0.0% #C8C7BC	RGB 200 199 188	#C8C7BC
16.7%	16.7% #D1D0BF	RGB 209 208 191	#D1D0BF
33.3%	33.3% #DAD9C2	RGB 218 217 194	#DAD9C2
50.0%	50.0% #E3E2C5	RGB 227 226 197	#E3E2C5
66.7%	66.7% #ECEBC8	RGB 236 235 200	#ECEBC8
83.3%	83.3% #F5F4CB	RGB 245 244 203	#F5F4CB
100.0%	100.0% #FFFECF	RGB 255 254 207	#FFFECF

#C8C7BC #D1D0BF #DAD9C2 #E3E2C5 #ECEBC8 #F5F4CB #FFFECF

#C8C7BC - #FFFECF

HSV Blend

#C8C7BC - #FFFECF | 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 #C8C7BC as 0% and #FFFECF as 100%.

0.0%	0.0% #C8C7BC	RGB 200 199 188	#C8C7BC
16.7%	16.7% #D1CFC0	RGB 209 207 192	#D1CFC0
33.3%	33.3% #DAD8C3	RGB 218 216 195	#DAD8C3
50.0%	50.0% #E3E2C7	RGB 227 226 199	#E3E2C7
66.7%	66.7% #ECEBCA	RGB 236 235 202	#ECEBCA
83.3%	83.3% #F5F4CC	RGB 245 244 204	#F5F4CC
100.0%	100.0% #FFFECF	RGB 255 254 207	#FFFECF

#C8C7BC #D1CFC0 #DAD8C3 #E3E2C7 #ECEBCA #F5F4CC #FFFECF

#C8C7BC - #E3E2C7 - #FFFECF

CSS codes

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

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