#5E3C2F - #31220D | 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 #5E3C2F a #31220D

#5E3C2F #31220D

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

#5E3C2F - #31220D | 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 #5E3C2F como 0% y #31220D como 100%.

0.0%	0.0% #5E3C2F	RGB 94 60 47	#5E3C2F
16.7%	16.7% #563729	RGB 86 55 41	#563729
33.3%	33.3% #4F3323	RGB 79 51 35	#4F3323
50.0%	50.0% #472F1E	RGB 71 47 30	#472F1E
66.7%	66.7% #402A18	RGB 64 42 24	#402A18
83.3%	83.3% #382612	RGB 56 38 18	#382612
100.0%	100.0% #31220D	RGB 49 34 13	#31220D

#5E3C2F #563729 #4F3323 #472F1E #402A18 #382612 #31220D

#5E3C2F - #31220D

Mezcla HSV

#5E3C2F - #31220D | 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 #5E3C2F como 0% y #31220D como 100%.

0.0%	0.0% #5E3C2F	RGB 94 60 47	#5E3C2F
16.7%	16.7% #563727	RGB 86 55 39	#563727
33.3%	33.3% #4F3221	RGB 79 50 33	#4F3221
50.0%	50.0% #472E1B	RGB 71 46 27	#472E1B
66.7%	66.7% #402A15	RGB 64 42 21	#402A15
83.3%	83.3% #382611	RGB 56 38 17	#382611
100.0%	100.0% #31220D	RGB 49 34 13	#31220D

#5E3C2F #563727 #4F3221 #472E1B #402A15 #382611 #31220D

#5E3C2F - #472E1B - #31220D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C2F 0%, #472E1B 50%, #31220D 100%);
    background: -webkit-linear-gradient(top, #5E3C2F 0%, #472E1B 50%, #31220D 100%);
    background: linear-gradient(to bottom, #5E3C2F 0%, #472E1B 50%, #31220D 100%);
}
</style>