#E6E5E4 - #C9BA9A | 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 #E6E5E4 a #C9BA9A

#E6E5E4 #C9BA9A

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

#E6E5E4 - #C9BA9A | 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 #E6E5E4 como 0% y #C9BA9A como 100%.

0.0%	0.0% #E6E5E4	RGB 230 229 228	#E6E5E4
16.7%	16.7% #E1DDD7	RGB 225 221 215	#E1DDD7
33.3%	33.3% #DCD6CB	RGB 220 214 203	#DCD6CB
50.0%	50.0% #D7CFBF	RGB 215 207 191	#D7CFBF
66.7%	66.7% #D2C8B2	RGB 210 200 178	#D2C8B2
83.3%	83.3% #CDC1A6	RGB 205 193 166	#CDC1A6
100.0%	100.0% #C9BA9A	RGB 201 186 154	#C9BA9A

#E6E5E4 #E1DDD7 #DCD6CB #D7CFBF #D2C8B2 #CDC1A6 #C9BA9A

#E6E5E4 - #C9BA9A

Mezcla HSV

#E6E5E4 - #C9BA9A | 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 #E6E5E4 como 0% y #C9BA9A como 100%.

0.0%	0.0% #E6E5E4	RGB 230 229 228	#E6E5E4
16.7%	16.7% #E1DCD6	RGB 225 220 214	#E1DCD6
33.3%	33.3% #DCD4C9	RGB 220 212 201	#DCD4C9
50.0%	50.0% #D7CCBD	RGB 215 204 189	#D7CCBD
66.7%	66.7% #D2C5B1	RGB 210 197 177	#D2C5B1
83.3%	83.3% #CDBFA5	RGB 205 191 165	#CDBFA5
100.0%	100.0% #C9BA9A	RGB 201 186 154	#C9BA9A

#E6E5E4 #E1DCD6 #DCD4C9 #D7CCBD #D2C5B1 #CDBFA5 #C9BA9A

#E6E5E4 - #D7CCBD - #C9BA9A

Códigos CSS

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

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