#9F9D5E - #E3E3D1 | 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 #9F9D5E a #E3E3D1

#9F9D5E #E3E3D1

Calcule el color entre dos colores, #9F9D5E y #E3E3D1. 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)

#9F9D5E - #E3E3D1 | 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 #9F9D5E como 0% y #E3E3D1 como 100%.

0.0%	0.0% #9F9D5E	RGB 159 157 94	#9F9D5E
16.7%	16.7% #AAA871	RGB 170 168 113	#AAA871
33.3%	33.3% #B5B484	RGB 181 180 132	#B5B484
50.0%	50.0% #C1C097	RGB 193 192 151	#C1C097
66.7%	66.7% #CCCBAA	RGB 204 203 170	#CCCBAA
83.3%	83.3% #D7D7BD	RGB 215 215 189	#D7D7BD
100.0%	100.0% #E3E3D1	RGB 227 227 209	#E3E3D1

#9F9D5E #AAA871 #B5B484 #C1C097 #CCCBAA #D7D7BD #E3E3D1

#9F9D5E - #E3E3D1

Mezcla HSV

#9F9D5E - #E3E3D1 | 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 #9F9D5E como 0% y #E3E3D1 como 100%.

0.0%	0.0% #9F9D5E	RGB 159 157 94	#9F9D5E
16.7%	16.7% #AAA86E	RGB 170 168 110	#AAA86E
33.3%	33.3% #B5B47F	RGB 181 180 127	#B5B47F
50.0%	50.0% #C1C091	RGB 193 192 145	#C1C091
66.7%	66.7% #CCCBA5	RGB 204 203 165	#CCCBA5
83.3%	83.3% #D7D7BA	RGB 215 215 186	#D7D7BA
100.0%	100.0% #E3E3D1	RGB 227 227 209	#E3E3D1

#9F9D5E #AAA86E #B5B47F #C1C091 #CCCBA5 #D7D7BA #E3E3D1

#9F9D5E - #C1C091 - #E3E3D1

Códigos CSS

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

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