#CFD3C8 - #FFFCD3 | 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 #CFD3C8 to #FFFCD3

#CFD3C8 #FFFCD3

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

#CFD3C8 - #FFFCD3 | 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 #CFD3C8 as 0% and #FFFCD3 as 100%.

0.0%	0.0% #CFD3C8	RGB 207 211 200	#CFD3C8
16.7%	16.7% #D7D9C9	RGB 215 217 201	#D7D9C9
33.3%	33.3% #DFE0CB	RGB 223 224 203	#DFE0CB
50.0%	50.0% #E7E7CD	RGB 231 231 205	#E7E7CD
66.7%	66.7% #EFEECF	RGB 239 238 207	#EFEECF
83.3%	83.3% #F7F5D1	RGB 247 245 209	#F7F5D1
100.0%	100.0% #FFFCD3	RGB 255 252 211	#FFFCD3

#CFD3C8 #D7D9C9 #DFE0CB #E7E7CD #EFEECF #F7F5D1 #FFFCD3

#CFD3C8 - #FFFCD3

HSV Blend

#CFD3C8 - #FFFCD3 | 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 #CFD3C8 as 0% and #FFFCD3 as 100%.

0.0%	0.0% #CFD3C8	RGB 207 211 200	#CFD3C8
16.7%	16.7% #D5DACA	RGB 213 218 202	#D5DACA
33.3%	33.3% #DDE1CC	RGB 221 225 204	#DDE1CC
50.0%	50.0% #E5E9CE	RGB 229 233 206	#E5E9CE
66.7%	66.7% #EDF0D0	RGB 237 240 208	#EDF0D0
83.3%	83.3% #F7F7D1	RGB 247 247 209	#F7F7D1
100.0%	100.0% #FFFCD3	RGB 255 252 211	#FFFCD3

#CFD3C8 #D5DACA #DDE1CC #E5E9CE #EDF0D0 #F7F7D1 #FFFCD3

#CFD3C8 - #E5E9CE - #FFFCD3

CSS codes

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

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