#918D8C - #5E3E35 | 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 #918D8C a #5E3E35

#918D8C #5E3E35

Calcule el color entre dos colores, #918D8C y #5E3E35. 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)

#918D8C - #5E3E35 | 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 #918D8C como 0% y #5E3E35 como 100%.

0.0%	0.0% #918D8C	RGB 145 141 140	#918D8C
16.7%	16.7% #887F7D	RGB 136 127 125	#887F7D
33.3%	33.3% #80726F	RGB 128 114 111	#80726F
50.0%	50.0% #776560	RGB 119 101 96	#776560
66.7%	66.7% #6F5852	RGB 111 88 82	#6F5852
83.3%	83.3% #664B43	RGB 102 75 67	#664B43
100.0%	100.0% #5E3E35	RGB 94 62 53	#5E3E35

#918D8C #887F7D #80726F #776560 #6F5852 #664B43 #5E3E35

#918D8C - #5E3E35

Mezcla HSV

#918D8C - #5E3E35 | 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 #918D8C como 0% y #5E3E35 como 100%.

0.0%	0.0% #918D8C	RGB 145 141 140	#918D8C
16.7%	16.7% #887D7A	RGB 136 125 122	#887D7A
33.3%	33.3% #806E6A	RGB 128 110 106	#806E6A
50.0%	50.0% #77615B	RGB 119 97 91	#77615B
66.7%	66.7% #6F544D	RGB 111 84 77	#6F544D
83.3%	83.3% #664840	RGB 102 72 64	#664840
100.0%	100.0% #5E3E35	RGB 94 62 53	#5E3E35

#918D8C #887D7A #806E6A #77615B #6F544D #664840 #5E3E35

#918D8C - #77615B - #5E3E35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #918D8C 0%, #77615B 50%, #5E3E35 100%);
    background: -webkit-linear-gradient(top, #918D8C 0%, #77615B 50%, #5E3E35 100%);
    background: linear-gradient(to bottom, #918D8C 0%, #77615B 50%, #5E3E35 100%);
}
</style>