#CEC4C4 - #F1EEEE | 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 #CEC4C4 a #F1EEEE

#CEC4C4 #F1EEEE

Calcule el color entre dos colores, #CEC4C4 y #F1EEEE. 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)

#CEC4C4 - #F1EEEE | 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 #CEC4C4 como 0% y #F1EEEE como 100%.

0.0%	0.0% #CEC4C4	RGB 206 196 196	#CEC4C4
16.7%	16.7% #D3CBCB	RGB 211 203 203	#D3CBCB
33.3%	33.3% #D9D2D2	RGB 217 210 210	#D9D2D2
50.0%	50.0% #DFD9D9	RGB 223 217 217	#DFD9D9
66.7%	66.7% #E5E0E0	RGB 229 224 224	#E5E0E0
83.3%	83.3% #EBE7E7	RGB 235 231 231	#EBE7E7
100.0%	100.0% #F1EEEE	RGB 241 238 238	#F1EEEE

#CEC4C4 #D3CBCB #D9D2D2 #DFD9D9 #E5E0E0 #EBE7E7 #F1EEEE

#CEC4C4 - #F1EEEE

Mezcla HSV

#CEC4C4 - #F1EEEE | 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 #CEC4C4 como 0% y #F1EEEE como 100%.

0.0%	0.0% #CEC4C4	RGB 206 196 196	#CEC4C4
16.7%	16.7% #D3CACA	RGB 211 202 202	#D3CACA
33.3%	33.3% #D9D1D1	RGB 217 209 209	#D9D1D1
50.0%	50.0% #DFD8D8	RGB 223 216 216	#DFD8D8
66.7%	66.7% #E5DFDF	RGB 229 223 223	#E5DFDF
83.3%	83.3% #EBE6E6	RGB 235 230 230	#EBE6E6
100.0%	100.0% #F1EEEE	RGB 241 238 238	#F1EEEE

#CEC4C4 #D3CACA #D9D1D1 #DFD8D8 #E5DFDF #EBE6E6 #F1EEEE

#CEC4C4 - #DFD8D8 - #F1EEEE

Códigos CSS

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

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