#5E5E50 - #44370C | 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 #5E5E50 a #44370C

#5E5E50 #44370C

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

#5E5E50 - #44370C | 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 #5E5E50 como 0% y #44370C como 100%.

0.0%	0.0% #5E5E50	RGB 94 94 80	#5E5E50
16.7%	16.7% #595744	RGB 89 87 68	#595744
33.3%	33.3% #555139	RGB 85 81 57	#555139
50.0%	50.0% #514A2E	RGB 81 74 46	#514A2E
66.7%	66.7% #4C4422	RGB 76 68 34	#4C4422
83.3%	83.3% #483D17	RGB 72 61 23	#483D17
100.0%	100.0% #44370C	RGB 68 55 12	#44370C

#5E5E50 #595744 #555139 #514A2E #4C4422 #483D17 #44370C

#5E5E50 - #44370C

Mezcla HSV

#5E5E50 - #44370C | 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 #5E5E50 como 0% y #44370C como 100%.

0.0%	0.0% #5E5E50	RGB 94 94 80	#5E5E50
16.7%	16.7% #595842	RGB 89 88 66	#595842
33.3%	33.3% #555235	RGB 85 82 53	#555235
50.0%	50.0% #514C29	RGB 81 76 41	#514C29
66.7%	66.7% #4C451E	RGB 76 69 30	#4C451E
83.3%	83.3% #483E14	RGB 72 62 20	#483E14
100.0%	100.0% #44370C	RGB 68 55 12	#44370C

#5E5E50 #595842 #555235 #514C29 #4C451E #483E14 #44370C

#5E5E50 - #514C29 - #44370C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E50 0%, #514C29 50%, #44370C 100%);
    background: -webkit-linear-gradient(top, #5E5E50 0%, #514C29 50%, #44370C 100%);
    background: linear-gradient(to bottom, #5E5E50 0%, #514C29 50%, #44370C 100%);
}
</style>