#9A8C8F - #82363B | 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 #9A8C8F a #82363B

#9A8C8F #82363B

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

#9A8C8F - #82363B | 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 #9A8C8F como 0% y #82363B como 100%.

0.0%	0.0% #9A8C8F	RGB 154 140 143	#9A8C8F
16.7%	16.7% #967D81	RGB 150 125 129	#967D81
33.3%	33.3% #926F73	RGB 146 111 115	#926F73
50.0%	50.0% #8E6165	RGB 142 97 101	#8E6165
66.7%	66.7% #8A5257	RGB 138 82 87	#8A5257
83.3%	83.3% #864449	RGB 134 68 73	#864449
100.0%	100.0% #82363B	RGB 130 54 59	#82363B

#9A8C8F #967D81 #926F73 #8E6165 #8A5257 #864449 #82363B

#9A8C8F - #82363B

Mezcla HSV

#9A8C8F - #82363B | 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 #9A8C8F como 0% y #82363B como 100%.

0.0%	0.0% #9A8C8F	RGB 154 140 143	#9A8C8F
16.7%	16.7% #967C80	RGB 150 124 128	#967C80
33.3%	33.3% #926C72	RGB 146 108 114	#926C72
50.0%	50.0% #8E5E64	RGB 142 94 100	#8E5E64
66.7%	66.7% #8A5056	RGB 138 80 86	#8A5056
83.3%	83.3% #864248	RGB 134 66 72	#864248
100.0%	100.0% #82363B	RGB 130 54 59	#82363B

#9A8C8F #967C80 #926C72 #8E5E64 #8A5056 #864248 #82363B

#9A8C8F - #8E5E64 - #82363B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8C8F 0%, #8E5E64 50%, #82363B 100%);
    background: -webkit-linear-gradient(top, #9A8C8F 0%, #8E5E64 50%, #82363B 100%);
    background: linear-gradient(to bottom, #9A8C8F 0%, #8E5E64 50%, #82363B 100%);
}
</style>