#5E5E5C - #283114 | 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 #5E5E5C a #283114

#5E5E5C #283114

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

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

0.0%	0.0% #5E5E5C	RGB 94 94 92	#5E5E5C
16.7%	16.7% #555650	RGB 85 86 80	#555650
33.3%	33.3% #4C4F44	RGB 76 79 68	#4C4F44
50.0%	50.0% #434738	RGB 67 71 56	#434738
66.7%	66.7% #3A402C	RGB 58 64 44	#3A402C
83.3%	83.3% #313820	RGB 49 56 32	#313820
100.0%	100.0% #283114	RGB 40 49 20	#283114

#5E5E5C #555650 #4C4F44 #434738 #3A402C #313820 #283114

#5E5E5C - #283114

Mezcla HSV

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

0.0%	0.0% #5E5E5C	RGB 94 94 92	#5E5E5C
16.7%	16.7% #55564C	RGB 85 86 76	#55564C
33.3%	33.3% #4D4F3E	RGB 77 79 62	#4D4F3E
50.0%	50.0% #444731	RGB 68 71 49	#444731
66.7%	66.7% #3A4026	RGB 58 64 38	#3A4026
83.3%	83.3% #31381C	RGB 49 56 28	#31381C
100.0%	100.0% #283114	RGB 40 49 20	#283114

#5E5E5C #55564C #4D4F3E #444731 #3A4026 #31381C #283114

#5E5E5C - #444731 - #283114

Códigos CSS

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

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