#CECCCD - #F1F0F0 | 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 #CECCCD to #F1F0F0

#CECCCD #F1F0F0

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

#CECCCD - #F1F0F0 | 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 #CECCCD as 0% and #F1F0F0 as 100%.

0.0%	0.0% #CECCCD	RGB 206 204 205	#CECCCD
16.7%	16.7% #D3D2D2	RGB 211 210 210	#D3D2D2
33.3%	33.3% #D9D8D8	RGB 217 216 216	#D9D8D8
50.0%	50.0% #DFDEDE	RGB 223 222 222	#DFDEDE
66.7%	66.7% #E5E4E4	RGB 229 228 228	#E5E4E4
83.3%	83.3% #EBEAEA	RGB 235 234 234	#EBEAEA
100.0%	100.0% #F1F0F0	RGB 241 240 240	#F1F0F0

#CECCCD #D3D2D2 #D9D8D8 #DFDEDE #E5E4E4 #EBEAEA #F1F0F0

#CECCCD - #F1F0F0

HSV Blend

#CECCCD - #F1F0F0 | 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 #CECCCD as 0% and #F1F0F0 as 100%.

0.0%	0.0% #CECCCD	RGB 206 204 205	#CECCCD
16.7%	16.7% #D3D1D2	RGB 211 209 210	#D3D1D2
33.3%	33.3% #D9D7D8	RGB 217 215 216	#D9D7D8
50.0%	50.0% #DFDDDE	RGB 223 221 222	#DFDDDE
66.7%	66.7% #E5E3E4	RGB 229 227 228	#E5E3E4
83.3%	83.3% #EBE9EA	RGB 235 233 234	#EBE9EA
100.0%	100.0% #F1F0F0	RGB 241 240 240	#F1F0F0

#CECCCD #D3D1D2 #D9D7D8 #DFDDDE #E5E3E4 #EBE9EA #F1F0F0

#CECCCD - #DFDDDE - #F1F0F0

CSS codes

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

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