#9F9F9D - #746546 | 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 #9F9F9D a #746546

#9F9F9D #746546

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

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

0.0%	0.0% #9F9F9D	RGB 159 159 157	#9F9F9D
16.7%	16.7% #97958E	RGB 151 149 142	#97958E
33.3%	33.3% #908B80	RGB 144 139 128	#908B80
50.0%	50.0% #898271	RGB 137 130 113	#898271
66.7%	66.7% #827863	RGB 130 120 99	#827863
83.3%	83.3% #7B6E54	RGB 123 110 84	#7B6E54
100.0%	100.0% #746546	RGB 116 101 70	#746546

#9F9F9D #97958E #908B80 #898271 #827863 #7B6E54 #746546

#9F9F9D - #746546

Mezcla HSV

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

0.0%	0.0% #9F9F9D	RGB 159 159 157	#9F9F9D
16.7%	16.7% #97978C	RGB 151 151 140	#97978C
33.3%	33.3% #908E7C	RGB 144 142 124	#908E7C
50.0%	50.0% #89846D	RGB 137 132 109	#89846D
66.7%	66.7% #827A5F	RGB 130 122 95	#827A5F
83.3%	83.3% #7B7052	RGB 123 112 82	#7B7052
100.0%	100.0% #746546	RGB 116 101 70	#746546

#9F9F9D #97978C #908E7C #89846D #827A5F #7B7052 #746546

#9F9F9D - #89846D - #746546

Códigos CSS

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

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