#5E3C13 - #1A1105 | 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 #5E3C13 a #1A1105

#5E3C13 #1A1105

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

#5E3C13 - #1A1105 | 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 #5E3C13 como 0% y #1A1105 como 100%.

0.0%	0.0% #5E3C13	RGB 94 60 19	#5E3C13
16.7%	16.7% #523410	RGB 82 52 16	#523410
33.3%	33.3% #472D0E	RGB 71 45 14	#472D0E
50.0%	50.0% #3C260C	RGB 60 38 12	#3C260C
66.7%	66.7% #301F09	RGB 48 31 9	#301F09
83.3%	83.3% #251807	RGB 37 24 7	#251807
100.0%	100.0% #1A1105	RGB 26 17 5	#1A1105

#5E3C13 #523410 #472D0E #3C260C #301F09 #251807 #1A1105

#5E3C13 - #1A1105

Mezcla HSV

#5E3C13 - #1A1105 | 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 #5E3C13 como 0% y #1A1105 como 100%.

0.0%	0.0% #5E3C12	RGB 94 60 18	#5E3C12
16.7%	16.7% #523410	RGB 82 52 16	#523410
33.3%	33.3% #472D0E	RGB 71 45 14	#472D0E
50.0%	50.0% #3C260B	RGB 60 38 11	#3C260B
66.7%	66.7% #301F09	RGB 48 31 9	#301F09
83.3%	83.3% #251807	RGB 37 24 7	#251807
100.0%	100.0% #1A1105	RGB 26 17 5	#1A1105

#5E3C12 #523410 #472D0E #3C260B #301F09 #251807 #1A1105

#5E3C13 - #3C260B - #1A1105

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C12 0%, #3C260B 50%, #1A1105 100%);
    background: -webkit-linear-gradient(top, #5E3C12 0%, #3C260B 50%, #1A1105 100%);
    background: linear-gradient(to bottom, #5E3C12 0%, #3C260B 50%, #1A1105 100%);
}
</style>