#C8C5BB - #FFECCB | 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 #C8C5BB to #FFECCB

#C8C5BB #FFECCB

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

#C8C5BB - #FFECCB | 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 #C8C5BB as 0% and #FFECCB as 100%.

0.0%	0.0% #C8C5BB	RGB 200 197 187	#C8C5BB
16.7%	16.7% #D1CBBD	RGB 209 203 189	#D1CBBD
33.3%	33.3% #DAD2C0	RGB 218 210 192	#DAD2C0
50.0%	50.0% #E3D8C3	RGB 227 216 195	#E3D8C3
66.7%	66.7% #ECDFC5	RGB 236 223 197	#ECDFC5
83.3%	83.3% #F5E5C8	RGB 245 229 200	#F5E5C8
100.0%	100.0% #FFECCB	RGB 255 236 203	#FFECCB

#C8C5BB #D1CBBD #DAD2C0 #E3D8C3 #ECDFC5 #F5E5C8 #FFECCB

#C8C5BB - #FFECCB

HSV Blend

#C8C5BB - #FFECCB | 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 #C8C5BB as 0% and #FFECCB as 100%.

0.0%	0.0% #C8C5BB	RGB 200 197 187	#C8C5BB
16.7%	16.7% #D1CCBE	RGB 209 204 190	#D1CCBE
33.3%	33.3% #DAD3C2	RGB 218 211 194	#DAD3C2
50.0%	50.0% #E3DAC4	RGB 227 218 196	#E3DAC4
66.7%	66.7% #ECE0C7	RGB 236 224 199	#ECE0C7
83.3%	83.3% #F5E6C9	RGB 245 230 201	#F5E6C9
100.0%	100.0% #FFECCB	RGB 255 236 203	#FFECCB

#C8C5BB #D1CCBE #DAD3C2 #E3DAC4 #ECE0C7 #F5E6C9 #FFECCB

#C8C5BB - #E3DAC4 - #FFECCB

CSS codes

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

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