#CCD8C7 - #ECE3CC | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #CCD8C7 a #ECE3CC

#CCD8C7 #ECE3CC

Calcule el color entre dos colores, #CCD8C7 y #ECE3CC. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#CCD8C7 - #ECE3CC | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #CCD8C7 como 0% y #ECE3CC como 100%.

0.0%	0.0% #CCD8C7	RGB 204 216 199	#CCD8C7
16.7%	16.7% #D1D9C7	RGB 209 217 199	#D1D9C7
33.3%	33.3% #D6DBC8	RGB 214 219 200	#D6DBC8
50.0%	50.0% #DCDDC9	RGB 220 221 201	#DCDDC9
66.7%	66.7% #E1DFCA	RGB 225 223 202	#E1DFCA
83.3%	83.3% #E6E1CB	RGB 230 225 203	#E6E1CB
100.0%	100.0% #ECE3CC	RGB 236 227 204	#ECE3CC

#CCD8C7 #D1D9C7 #D6DBC8 #DCDDC9 #E1DFCA #E6E1CB #ECE3CC

#CCD8C7 - #ECE3CC

Mezcla HSV

#CCD8C7 - #ECE3CC | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #CCD8C7 como 0% y #ECE3CC como 100%.

0.0%	0.0% #CCD8C7	RGB 204 216 199	#CCD8C7
16.7%	16.7% #D0DBC7	RGB 208 219 199	#D0DBC7
33.3%	33.3% #D6DEC8	RGB 214 222 200	#D6DEC8
50.0%	50.0% #DCE2C9	RGB 220 226 201	#DCE2C9
66.7%	66.7% #E4E5CA	RGB 228 229 202	#E4E5CA
83.3%	83.3% #E8E5CB	RGB 232 229 203	#E8E5CB
100.0%	100.0% #ECE3CC	RGB 236 227 204	#ECE3CC

#CCD8C7 #D0DBC7 #D6DEC8 #DCE2C9 #E4E5CA #E8E5CB #ECE3CC

#CCD8C7 - #DCE2C9 - #ECE3CC

Códigos CSS

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

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