#5E3C06 - #351C09 | 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 #5E3C06 a #351C09

#5E3C06 #351C09

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

#5E3C06 - #351C09 | 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 #5E3C06 como 0% y #351C09 como 100%.

0.0%	0.0% #5E3C06	RGB 94 60 6	#5E3C06
16.7%	16.7% #573606	RGB 87 54 6	#573606
33.3%	33.3% #503107	RGB 80 49 7	#503107
50.0%	50.0% #492C07	RGB 73 44 7	#492C07
66.7%	66.7% #422608	RGB 66 38 8	#422608
83.3%	83.3% #3B2108	RGB 59 33 8	#3B2108
100.0%	100.0% #351C09	RGB 53 28 9	#351C09

#5E3C06 #573606 #503107 #492C07 #422608 #3B2108 #351C09

#5E3C06 - #351C09

Mezcla HSV

#5E3C06 - #351C09 | 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 #5E3C06 como 0% y #351C09 como 100%.

0.0%	0.0% #5E3C05	RGB 94 60 5	#5E3C05
16.7%	16.7% #573507	RGB 87 53 7	#573507
33.3%	33.3% #502F07	RGB 80 47 7	#502F07
50.0%	50.0% #492A08	RGB 73 42 8	#492A08
66.7%	66.7% #422508	RGB 66 37 8	#422508
83.3%	83.3% #3B2009	RGB 59 32 9	#3B2009
100.0%	100.0% #351C09	RGB 53 28 9	#351C09

#5E3C05 #573507 #502F07 #492A08 #422508 #3B2009 #351C09

#5E3C06 - #492A08 - #351C09

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C05 0%, #492A08 50%, #351C09 100%);
    background: -webkit-linear-gradient(top, #5E3C05 0%, #492A08 50%, #351C09 100%);
    background: linear-gradient(to bottom, #5E3C05 0%, #492A08 50%, #351C09 100%);
}
</style>