#C0C4C9 - #E5E1D3 | 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 #C0C4C9 a #E5E1D3

#C0C4C9 #E5E1D3

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

#C0C4C9 - #E5E1D3 | 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 #C0C4C9 como 0% y #E5E1D3 como 100%.

0.0%	0.0% #C0C4C9	RGB 192 196 201	#C0C4C9
16.7%	16.7% #C6C8CA	RGB 198 200 202	#C6C8CA
33.3%	33.3% #CCCDCC	RGB 204 205 204	#CCCDCC
50.0%	50.0% #D2D2CE	RGB 210 210 206	#D2D2CE
66.7%	66.7% #D8D7CF	RGB 216 215 207	#D8D7CF
83.3%	83.3% #DEDCD1	RGB 222 220 209	#DEDCD1
100.0%	100.0% #E5E1D3	RGB 229 225 211	#E5E1D3

#C0C4C9 #C6C8CA #CCCDCC #D2D2CE #D8D7CF #DEDCD1 #E5E1D3

#C0C4C9 - #E5E1D3

Mezcla HSV

#C0C4C9 - #E5E1D3 | 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 #C0C4C9 como 0% y #E5E1D3 como 100%.

0.0%	0.0% #C0C4C9	RGB 192 196 201	#C0C4C9
16.7%	16.7% #C3CCCD	RGB 195 204 205	#C3CCCD
33.3%	33.3% #C6D2CD	RGB 198 210 205	#C6D2CD
50.0%	50.0% #C9D7CB	RGB 201 215 203	#C9D7CB
66.7%	66.7% #D1DBCC	RGB 209 219 204	#D1DBCC
83.3%	83.3% #DCE0CF	RGB 220 224 207	#DCE0CF
100.0%	100.0% #E5E1D3	RGB 229 225 211	#E5E1D3

#C0C4C9 #C3CCCD #C6D2CD #C9D7CB #D1DBCC #DCE0CF #E5E1D3

#C0C4C9 - #C9D7CB - #E5E1D3

Códigos CSS

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

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