#5E4E3E - #312B0E | 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 #5E4E3E a #312B0E

#5E4E3E #312B0E

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

#5E4E3E - #312B0E | 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 #5E4E3E como 0% y #312B0E como 100%.

0.0%	0.0% #5E4E3E	RGB 94 78 62	#5E4E3E
16.7%	16.7% #564836	RGB 86 72 54	#564836
33.3%	33.3% #4F422E	RGB 79 66 46	#4F422E
50.0%	50.0% #473C26	RGB 71 60 38	#473C26
66.7%	66.7% #40361E	RGB 64 54 30	#40361E
83.3%	83.3% #383016	RGB 56 48 22	#383016
100.0%	100.0% #312B0E	RGB 49 43 14	#312B0E

#5E4E3E #564836 #4F422E #473C26 #40361E #383016 #312B0E

#5E4E3E - #312B0E

Mezcla HSV

#5E4E3E - #312B0E | 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 #5E4E3E como 0% y #312B0E como 100%.

0.0%	0.0% #5E4E3E	RGB 94 78 62	#5E4E3E
16.7%	16.7% #564633	RGB 86 70 51	#564633
33.3%	33.3% #4F402A	RGB 79 64 42	#4F402A
50.0%	50.0% #473A21	RGB 71 58 33	#473A21
66.7%	66.7% #40351A	RGB 64 53 26	#40351A
83.3%	83.3% #383013	RGB 56 48 19	#383013
100.0%	100.0% #312B0E	RGB 49 43 14	#312B0E

#5E4E3E #564633 #4F402A #473A21 #40351A #383013 #312B0E

#5E4E3E - #473A21 - #312B0E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4E3E 0%, #473A21 50%, #312B0E 100%);
    background: -webkit-linear-gradient(top, #5E4E3E 0%, #473A21 50%, #312B0E 100%);
    background: linear-gradient(to bottom, #5E4E3E 0%, #473A21 50%, #312B0E 100%);
}
</style>