#E1E3CF - #A6B47E | 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 #E1E3CF a #A6B47E

#E1E3CF #A6B47E

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

#E1E3CF - #A6B47E | 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 #E1E3CF como 0% y #A6B47E como 100%.

0.0%	0.0% #E1E3CF	RGB 225 227 207	#E1E3CF
16.7%	16.7% #D7DBC1	RGB 215 219 193	#D7DBC1
33.3%	33.3% #CDD3B4	RGB 205 211 180	#CDD3B4
50.0%	50.0% #C3CBA6	RGB 195 203 166	#C3CBA6
66.7%	66.7% #B9C399	RGB 185 195 153	#B9C399
83.3%	83.3% #AFBB8B	RGB 175 187 139	#AFBB8B
100.0%	100.0% #A6B47E	RGB 166 180 126	#A6B47E

#E1E3CF #D7DBC1 #CDD3B4 #C3CBA6 #B9C399 #AFBB8B #A6B47E

#E1E3CF - #A6B47E

Mezcla HSV

#E1E3CF - #A6B47E | 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 #E1E3CF como 0% y #A6B47E como 100%.

0.0%	0.0% #E1E3CF	RGB 225 227 207	#E1E3CF
16.7%	16.7% #D7DBC0	RGB 215 219 192	#D7DBC0
33.3%	33.3% #CED3B1	RGB 206 211 177	#CED3B1
50.0%	50.0% #C4CBA4	RGB 196 203 164	#C4CBA4
66.7%	66.7% #BAC396	RGB 186 195 150	#BAC396
83.3%	83.3% #B0BB8A	RGB 176 187 138	#B0BB8A
100.0%	100.0% #A6B47E	RGB 166 180 126	#A6B47E

#E1E3CF #D7DBC0 #CED3B1 #C4CBA4 #BAC396 #B0BB8A #A6B47E

#E1E3CF - #C4CBA4 - #A6B47E

Códigos CSS

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

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