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

#9D9F5E #E3E3D1

Calcule el color entre dos colores, #9D9F5E 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)

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

0.0%	0.0% #9D9F5E	RGB 157 159 94	#9D9F5E
16.7%	16.7% #A8AA71	RGB 168 170 113	#A8AA71
33.3%	33.3% #B4B584	RGB 180 181 132	#B4B584
50.0%	50.0% #C0C197	RGB 192 193 151	#C0C197
66.7%	66.7% #CBCCAA	RGB 203 204 170	#CBCCAA
83.3%	83.3% #D7D7BD	RGB 215 215 189	#D7D7BD
100.0%	100.0% #E3E3D1	RGB 227 227 209	#E3E3D1

#9D9F5E #A8AA71 #B4B584 #C0C197 #CBCCAA #D7D7BD #E3E3D1

#9D9F5E - #E3E3D1

Mezcla HSV

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

0.0%	0.0% #9D9F5E	RGB 157 159 94	#9D9F5E
16.7%	16.7% #A8AA6E	RGB 168 170 110	#A8AA6E
33.3%	33.3% #B4B57F	RGB 180 181 127	#B4B57F
50.0%	50.0% #C0C191	RGB 192 193 145	#C0C191
66.7%	66.7% #CBCCA5	RGB 203 204 165	#CBCCA5
83.3%	83.3% #D7D7BA	RGB 215 215 186	#D7D7BA
100.0%	100.0% #E3E3D1	RGB 227 227 209	#E3E3D1

#9D9F5E #A8AA6E #B4B57F #C0C191 #CBCCA5 #D7D7BA #E3E3D1

#9D9F5E - #C0C191 - #E3E3D1

Códigos CSS

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

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