#C4C5B9 - #ECEED0 | 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 #C4C5B9 a #ECEED0

#C4C5B9 #ECEED0

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

#C4C5B9 - #ECEED0 | 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 #C4C5B9 como 0% y #ECEED0 como 100%.

0.0%	0.0% #C4C5B9	RGB 196 197 185	#C4C5B9
16.7%	16.7% #CACBBC	RGB 202 203 188	#CACBBC
33.3%	33.3% #D1D2C0	RGB 209 210 192	#D1D2C0
50.0%	50.0% #D8D9C4	RGB 216 217 196	#D8D9C4
66.7%	66.7% #DEE0C8	RGB 222 224 200	#DEE0C8
83.3%	83.3% #E5E7CC	RGB 229 231 204	#E5E7CC
100.0%	100.0% #ECEED0	RGB 236 238 208	#ECEED0

#C4C5B9 #CACBBC #D1D2C0 #D8D9C4 #DEE0C8 #E5E7CC #ECEED0

#C4C5B9 - #ECEED0

Mezcla HSV

#C4C5B9 - #ECEED0 | 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 #C4C5B9 como 0% y #ECEED0 como 100%.

0.0%	0.0% #C4C5B9	RGB 196 197 185	#C4C5B9
16.7%	16.7% #CACBBD	RGB 202 203 189	#CACBBD
33.3%	33.3% #D1D2C1	RGB 209 210 193	#D1D2C1
50.0%	50.0% #D7D9C5	RGB 215 217 197	#D7D9C5
66.7%	66.7% #DEE0C8	RGB 222 224 200	#DEE0C8
83.3%	83.3% #E5E7CC	RGB 229 231 204	#E5E7CC
100.0%	100.0% #ECEED0	RGB 236 238 208	#ECEED0

#C4C5B9 #CACBBD #D1D2C1 #D7D9C5 #DEE0C8 #E5E7CC #ECEED0

#C4C5B9 - #D7D9C5 - #ECEED0

Códigos CSS

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

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