#636161 - #5E4013 | 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 #636161 a #5E4013

#636161 #5E4013

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

#636161 - #5E4013 | 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 #636161 como 0% y #5E4013 como 100%.

0.0%	0.0% #636161	RGB 99 97 97	#636161
16.7%	16.7% #625B54	RGB 98 91 84	#625B54
33.3%	33.3% #615647	RGB 97 86 71	#615647
50.0%	50.0% #60503A	RGB 96 80 58	#60503A
66.7%	66.7% #5F4B2D	RGB 95 75 45	#5F4B2D
83.3%	83.3% #5E4520	RGB 94 69 32	#5E4520
100.0%	100.0% #5E4013	RGB 94 64 19	#5E4013

#636161 #625B54 #615647 #60503A #5F4B2D #5E4520 #5E4013

#636161 - #5E4013

Mezcla HSV

#636161 - #5E4013 | 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 #636161 como 0% y #5E4013 como 100%.

0.0%	0.0% #636161	RGB 99 97 97	#636161
16.7%	16.7% #625453	RGB 98 84 83	#625453
33.3%	33.3% #614B46	RGB 97 75 70	#614B46
50.0%	50.0% #604439	RGB 96 68 57	#604439
66.7%	66.7% #5F402C	RGB 95 64 44	#5F402C
83.3%	83.3% #5E3F1F	RGB 94 63 31	#5E3F1F
100.0%	100.0% #5E4013	RGB 94 64 19	#5E4013

#636161 #625453 #614B46 #604439 #5F402C #5E3F1F #5E4013

#636161 - #604439 - #5E4013

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #636161 0%, #604439 50%, #5E4013 100%);
    background: -webkit-linear-gradient(top, #636161 0%, #604439 50%, #5E4013 100%);
    background: linear-gradient(to bottom, #636161 0%, #604439 50%, #5E4013 100%);
}
</style>