#CCCACF - #DBE3D6 | 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 #CCCACF to #DBE3D6

#CCCACF #DBE3D6

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

#CCCACF - #DBE3D6 | 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 #CCCACF as 0% and #DBE3D6 as 100%.

0.0%	0.0% #CCCACF	RGB 204 202 207	#CCCACF
16.7%	16.7% #CECED0	RGB 206 206 208	#CECED0
33.3%	33.3% #D1D2D1	RGB 209 210 209	#D1D2D1
50.0%	50.0% #D3D6D2	RGB 211 214 210	#D3D6D2
66.7%	66.7% #D6DAD3	RGB 214 218 211	#D6DAD3
83.3%	83.3% #D8DED4	RGB 216 222 212	#D8DED4
100.0%	100.0% #DBE3D6	RGB 219 227 214	#DBE3D6

#CCCACF #CECED0 #D1D2D1 #D3D6D2 #D6DAD3 #D8DED4 #DBE3D6

#CCCACF - #DBE3D6

HSV Blend

#CCCACF - #DBE3D6 | 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 #CCCACF as 0% and #DBE3D6 as 100%.

0.0%	0.0% #CCCACF	RGB 204 202 207	#CCCACF
16.7%	16.7% #CCCCD2	RGB 204 204 210	#CCCCD2
33.3%	33.3% #CED2D5	RGB 206 210 213	#CED2D5
50.0%	50.0% #D0D8D9	RGB 208 216 217	#D0D8D9
66.7%	66.7% #D2DCD7	RGB 210 220 215	#D2DCD7
83.3%	83.3% #D4DFD5	RGB 212 223 213	#D4DFD5
100.0%	100.0% #DBE3D6	RGB 219 227 214	#DBE3D6

#CCCACF #CCCCD2 #CED2D5 #D0D8D9 #D2DCD7 #D4DFD5 #DBE3D6

#CCCACF - #D0D8D9 - #DBE3D6

CSS codes

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

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