#CDCEC1 - #ECF1D7 | 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 #CDCEC1 to #ECF1D7

#CDCEC1 #ECF1D7

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

#CDCEC1 - #ECF1D7 | 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 #CDCEC1 as 0% and #ECF1D7 as 100%.

0.0%	0.0% #CDCEC1	RGB 205 206 193	#CDCEC1
16.7%	16.7% #D2D3C4	RGB 210 211 196	#D2D3C4
33.3%	33.3% #D7D9C8	RGB 215 217 200	#D7D9C8
50.0%	50.0% #DCDFCC	RGB 220 223 204	#DCDFCC
66.7%	66.7% #E1E5CF	RGB 225 229 207	#E1E5CF
83.3%	83.3% #E6EBD3	RGB 230 235 211	#E6EBD3
100.0%	100.0% #ECF1D7	RGB 236 241 215	#ECF1D7

#CDCEC1 #D2D3C4 #D7D9C8 #DCDFCC #E1E5CF #E6EBD3 #ECF1D7

#CDCEC1 - #ECF1D7

HSV Blend

#CDCEC1 - #ECF1D7 | 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 #CDCEC1 as 0% and #ECF1D7 as 100%.

0.0%	0.0% #CDCEC1	RGB 205 206 193	#CDCEC1
16.7%	16.7% #D2D3C4	RGB 210 211 196	#D2D3C4
33.3%	33.3% #D7D9C8	RGB 215 217 200	#D7D9C8
50.0%	50.0% #DCDFCC	RGB 220 223 204	#DCDFCC
66.7%	66.7% #E2E5D0	RGB 226 229 208	#E2E5D0
83.3%	83.3% #E7EBD3	RGB 231 235 211	#E7EBD3
100.0%	100.0% #ECF1D7	RGB 236 241 215	#ECF1D7

#CDCEC1 #D2D3C4 #D7D9C8 #DCDFCC #E2E5D0 #E7EBD3 #ECF1D7

#CDCEC1 - #DCDFCC - #ECF1D7

CSS codes

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

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