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

#CCCFBF #FFFCCE

Calculate the color between two colors, #CCCFBF 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)

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

0.0%	0.0% #CCCFBF	RGB 204 207 191	#CCCFBF
16.7%	16.7% #D4D6C1	RGB 212 214 193	#D4D6C1
33.3%	33.3% #DDDEC4	RGB 221 222 196	#DDDEC4
50.0%	50.0% #E5E5C6	RGB 229 229 198	#E5E5C6
66.7%	66.7% #EEEDC9	RGB 238 237 201	#EEEDC9
83.3%	83.3% #F6F4CB	RGB 246 244 203	#F6F4CB
100.0%	100.0% #FFFCCE	RGB 255 252 206	#FFFCCE

#CCCFBF #D4D6C1 #DDDEC4 #E5E5C6 #EEEDC9 #F6F4CB #FFFCCE

#CCCFBF - #FFFCCE

HSV Blend

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

0.0%	0.0% #CCCFBF	RGB 204 207 191	#CCCFBF
16.7%	16.7% #D3D7C2	RGB 211 215 194	#D3D7C2
33.3%	33.3% #DCDFC5	RGB 220 223 197	#DCDFC5
50.0%	50.0% #E5E7C7	RGB 229 231 199	#E5E7C7
66.7%	66.7% #EEEFCA	RGB 238 239 202	#EEEFCA
83.3%	83.3% #F7F6CC	RGB 247 246 204	#F7F6CC
100.0%	100.0% #FFFCCE	RGB 255 252 206	#FFFCCE

#CCCFBF #D3D7C2 #DCDFC5 #E5E7C7 #EEEFCA #F7F6CC #FFFCCE

#CCCFBF - #E5E7C7 - #FFFCCE

CSS codes

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

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