#CCCFCC - #DAECD1 | 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 #CCCFCC to #DAECD1

#CCCFCC #DAECD1

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

#CCCFCC - #DAECD1 | 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 #CCCFCC as 0% and #DAECD1 as 100%.

0.0%	0.0% #CCCFCC	RGB 204 207 204	#CCCFCC
16.7%	16.7% #CED3CC	RGB 206 211 204	#CED3CC
33.3%	33.3% #D0D8CD	RGB 208 216 205	#D0D8CD
50.0%	50.0% #D3DDCE	RGB 211 221 206	#D3DDCE
66.7%	66.7% #D5E2CF	RGB 213 226 207	#D5E2CF
83.3%	83.3% #D7E7D0	RGB 215 231 208	#D7E7D0
100.0%	100.0% #DAECD1	RGB 218 236 209	#DAECD1

#CCCFCC #CED3CC #D0D8CD #D3DDCE #D5E2CF #D7E7D0 #DAECD1

#CCCFCC - #DAECD1

HSV Blend

#CCCFCC - #DAECD1 | 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 #CCCFCC as 0% and #DAECD1 as 100%.

0.0%	0.0% #CCCFCC	RGB 204 207 204	#CCCFCC
16.7%	16.7% #CDD3CD	RGB 205 211 205	#CDD3CD
33.3%	33.3% #CFD8CE	RGB 207 216 206	#CFD8CE
50.0%	50.0% #D1DDCF	RGB 209 221 207	#D1DDCF
66.7%	66.7% #D4E2CF	RGB 212 226 207	#D4E2CF
83.3%	83.3% #D6E7D0	RGB 214 231 208	#D6E7D0
100.0%	100.0% #DAECD1	RGB 218 236 209	#DAECD1

#CCCFCC #CDD3CD #CFD8CE #D1DDCF #D4E2CF #D6E7D0 #DAECD1

#CCCFCC - #D1DDCF - #DAECD1

CSS codes

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

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