#E3E2E1 - #C5A897 | 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 #E3E2E1 a #C5A897

#E3E2E1 #C5A897

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

#E3E2E1 - #C5A897 | 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 #E3E2E1 como 0% y #C5A897 como 100%.

0.0%	0.0% #E3E2E1	RGB 227 226 225	#E3E2E1
16.7%	16.7% #DED8D4	RGB 222 216 212	#DED8D4
33.3%	33.3% #D9CEC8	RGB 217 206 200	#D9CEC8
50.0%	50.0% #D4C5BC	RGB 212 197 188	#D4C5BC
66.7%	66.7% #CFBBAF	RGB 207 187 175	#CFBBAF
83.3%	83.3% #CAB1A3	RGB 202 177 163	#CAB1A3
100.0%	100.0% #C5A897	RGB 197 168 151	#C5A897

#E3E2E1 #DED8D4 #D9CEC8 #D4C5BC #CFBBAF #CAB1A3 #C5A897

#E3E2E1 - #C5A897

Mezcla HSV

#E3E2E1 - #C5A897 | 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 #E3E2E1 como 0% y #C5A897 como 100%.

0.0%	0.0% #E3E2E1	RGB 227 226 225	#E3E2E1
16.7%	16.7% #DED8D3	RGB 222 216 211	#DED8D3
33.3%	33.3% #D9CFC6	RGB 217 207 198	#D9CFC6
50.0%	50.0% #D4C5BA	RGB 212 197 186	#D4C5BA
66.7%	66.7% #CFBBAE	RGB 207 187 174	#CFBBAE
83.3%	83.3% #CAB1A2	RGB 202 177 162	#CAB1A2
100.0%	100.0% #C5A897	RGB 197 168 151	#C5A897

#E3E2E1 #DED8D3 #D9CFC6 #D4C5BA #CFBBAE #CAB1A2 #C5A897

#E3E2E1 - #D4C5BA - #C5A897

Códigos CSS

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

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