#CFCCB9 - #FFFCCE | 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 #CFCCB9 to #FFFCCE

#CFCCB9 #FFFCCE

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

#CFCCB9 - #FFFCCE | 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 #CFCCB9 as 0% and #FFFCCE as 100%.

0.0%	0.0% #CFCCB9	RGB 207 204 185	#CFCCB9
16.7%	16.7% #D7D4BC	RGB 215 212 188	#D7D4BC
33.3%	33.3% #DFDCC0	RGB 223 220 192	#DFDCC0
50.0%	50.0% #E7E4C3	RGB 231 228 195	#E7E4C3
66.7%	66.7% #EFECC7	RGB 239 236 199	#EFECC7
83.3%	83.3% #F7F4CA	RGB 247 244 202	#F7F4CA
100.0%	100.0% #FFFCCE	RGB 255 252 206	#FFFCCE

#CFCCB9 #D7D4BC #DFDCC0 #E7E4C3 #EFECC7 #F7F4CA #FFFCCE

#CFCCB9 - #FFFCCE

HSV Blend

#CFCCB9 - #FFFCCE | 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 #CFCCB9 as 0% and #FFFCCE as 100%.

0.0%	0.0% #CFCCB9	RGB 207 204 185	#CFCCB9
16.7%	16.7% #D7D3BD	RGB 215 211 189	#D7D3BD
33.3%	33.3% #DFDBC0	RGB 223 219 192	#DFDBC0
50.0%	50.0% #E7E3C4	RGB 231 227 196	#E7E3C4
66.7%	66.7% #EFEBC7	RGB 239 235 199	#EFEBC7
83.3%	83.3% #F7F3CB	RGB 247 243 203	#F7F3CB
100.0%	100.0% #FFFCCE	RGB 255 252 206	#FFFCCE

#CFCCB9 #D7D3BD #DFDBC0 #E7E3C4 #EFEBC7 #F7F3CB #FFFCCE

#CFCCB9 - #E7E3C4 - #FFFCCE

CSS codes

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

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