#9A8A8D - #663F3E | 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 #9A8A8D a #663F3E

#9A8A8D #663F3E

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

#9A8A8D - #663F3E | 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 #9A8A8D como 0% y #663F3E como 100%.

0.0%	0.0% #9A8A8D	RGB 154 138 141	#9A8A8D
16.7%	16.7% #917D7F	RGB 145 125 127	#917D7F
33.3%	33.3% #887172	RGB 136 113 114	#887172
50.0%	50.0% #806465	RGB 128 100 101	#806465
66.7%	66.7% #775858	RGB 119 88 88	#775858
83.3%	83.3% #6E4B4B	RGB 110 75 75	#6E4B4B
100.0%	100.0% #663F3E	RGB 102 63 62	#663F3E

#9A8A8D #917D7F #887172 #806465 #775858 #6E4B4B #663F3E

#9A8A8D - #663F3E

Mezcla HSV

#9A8A8D - #663F3E | 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 #9A8A8D como 0% y #663F3E como 100%.

0.0%	0.0% #9A8A8D	RGB 154 138 141	#9A8A8D
16.7%	16.7% #917B7E	RGB 145 123 126	#917B7E
33.3%	33.3% #886D70	RGB 136 109 112	#886D70
50.0%	50.0% #806062	RGB 128 96 98	#806062
66.7%	66.7% #775455	RGB 119 84 85	#775455
83.3%	83.3% #6E4848	RGB 110 72 72	#6E4848
100.0%	100.0% #663F3E	RGB 102 63 62	#663F3E

#9A8A8D #917B7E #886D70 #806062 #775455 #6E4848 #663F3E

#9A8A8D - #806062 - #663F3E

Códigos CSS

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

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