#5E3C00 - #331B0B | 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 #5E3C00 a #331B0B

#5E3C00 #331B0B

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

#5E3C00 - #331B0B | 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 #5E3C00 como 0% y #331B0B como 100%.

0.0%	0.0% #5E3C00	RGB 94 60 0	#5E3C00
16.7%	16.7% #563601	RGB 86 54 1	#563601
33.3%	33.3% #4F3103	RGB 79 49 3	#4F3103
50.0%	50.0% #482B05	RGB 72 43 5	#482B05
66.7%	66.7% #412607	RGB 65 38 7	#412607
83.3%	83.3% #3A2009	RGB 58 32 9	#3A2009
100.0%	100.0% #331B0B	RGB 51 27 11	#331B0B

#5E3C00 #563601 #4F3103 #482B05 #412607 #3A2009 #331B0B

#5E3C00 - #331B0B

Mezcla HSV

#5E3C00 - #331B0B | 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 #5E3C00 como 0% y #331B0B como 100%.

0.0%	0.0% #5E3C00	RGB 94 60 0	#5E3C00
16.7%	16.7% #563503	RGB 86 53 3	#563503
33.3%	33.3% #4F2F05	RGB 79 47 5	#4F2F05
50.0%	50.0% #482907	RGB 72 41 7	#482907
66.7%	66.7% #412409	RGB 65 36 9	#412409
83.3%	83.3% #3A1F0A	RGB 58 31 10	#3A1F0A
100.0%	100.0% #331B0B	RGB 51 27 11	#331B0B

#5E3C00 #563503 #4F2F05 #482907 #412409 #3A1F0A #331B0B

#5E3C00 - #482907 - #331B0B

Códigos CSS

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

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