#C8C5BF - #FFEDCF | 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 #C8C5BF to #FFEDCF

#C8C5BF #FFEDCF

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

#C8C5BF - #FFEDCF | 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 #C8C5BF as 0% and #FFEDCF as 100%.

0.0%	0.0% #C8C5BF	RGB 200 197 191	#C8C5BF
16.7%	16.7% #D1CBC1	RGB 209 203 193	#D1CBC1
33.3%	33.3% #DAD2C4	RGB 218 210 196	#DAD2C4
50.0%	50.0% #E3D9C7	RGB 227 217 199	#E3D9C7
66.7%	66.7% #ECDFC9	RGB 236 223 201	#ECDFC9
83.3%	83.3% #F5E6CC	RGB 245 230 204	#F5E6CC
100.0%	100.0% #FFEDCF	RGB 255 237 207	#FFEDCF

#C8C5BF #D1CBC1 #DAD2C4 #E3D9C7 #ECDFC9 #F5E6CC #FFEDCF

#C8C5BF - #FFEDCF

HSV Blend

#C8C5BF - #FFEDCF | 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 #C8C5BF as 0% and #FFEDCF as 100%.

0.0%	0.0% #C8C5BF	RGB 200 197 191	#C8C5BF
16.7%	16.7% #D1CCC2	RGB 209 204 194	#D1CCC2
33.3%	33.3% #DAD3C6	RGB 218 211 198	#DAD3C6
50.0%	50.0% #E3DAC8	RGB 227 218 200	#E3DAC8
66.7%	66.7% #ECE0CB	RGB 236 224 203	#ECE0CB
83.3%	83.3% #F5E6CD	RGB 245 230 205	#F5E6CD
100.0%	100.0% #FFEDCF	RGB 255 237 207	#FFEDCF

#C8C5BF #D1CCC2 #DAD3C6 #E3DAC8 #ECE0CB #F5E6CD #FFEDCF

#C8C5BF - #E3DAC8 - #FFEDCF

CSS codes

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

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