#E7E6E4 - #C6B19A | 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 #E7E6E4 a #C6B19A

#E7E6E4 #C6B19A

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

#E7E6E4 - #C6B19A | 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 #E7E6E4 como 0% y #C6B19A como 100%.

0.0%	0.0% #E7E6E4	RGB 231 230 228	#E7E6E4
16.7%	16.7% #E1DDD7	RGB 225 221 215	#E1DDD7
33.3%	33.3% #DCD4CB	RGB 220 212 203	#DCD4CB
50.0%	50.0% #D6CBBF	RGB 214 203 191	#D6CBBF
66.7%	66.7% #D1C2B2	RGB 209 194 178	#D1C2B2
83.3%	83.3% #CBB9A6	RGB 203 185 166	#CBB9A6
100.0%	100.0% #C6B19A	RGB 198 177 154	#C6B19A

#E7E6E4 #E1DDD7 #DCD4CB #D6CBBF #D1C2B2 #CBB9A6 #C6B19A

#E7E6E4 - #C6B19A

Mezcla HSV

#E7E6E4 - #C6B19A | 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 #E7E6E4 como 0% y #C6B19A como 100%.

0.0%	0.0% #E7E6E4	RGB 231 230 228	#E7E6E4
16.7%	16.7% #E1DDD6	RGB 225 221 214	#E1DDD6
33.3%	33.3% #DCD5C9	RGB 220 213 201	#DCD5C9
50.0%	50.0% #D6CCBD	RGB 214 204 189	#D6CCBD
66.7%	66.7% #D1C3B1	RGB 209 195 177	#D1C3B1
83.3%	83.3% #CBBAA5	RGB 203 186 165	#CBBAA5
100.0%	100.0% #C6B19A	RGB 198 177 154	#C6B19A

#E7E6E4 #E1DDD6 #DCD5C9 #D6CCBD #D1C3B1 #CBBAA5 #C6B19A

#E7E6E4 - #D6CCBD - #C6B19A

Códigos CSS

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

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