#5E4E45 - #4D2508 | 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 #5E4E45 a #4D2508

#5E4E45 #4D2508

Calcule el color entre dos colores, #5E4E45 y #4D2508. 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)

#5E4E45 - #4D2508 | 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 #5E4E45 como 0% y #4D2508 como 100%.

0.0%	0.0% #5E4E45	RGB 94 78 69	#5E4E45
16.7%	16.7% #5B473A	RGB 91 71 58	#5B473A
33.3%	33.3% #584030	RGB 88 64 48	#584030
50.0%	50.0% #553926	RGB 85 57 38	#553926
66.7%	66.7% #52321C	RGB 82 50 28	#52321C
83.3%	83.3% #4F2B12	RGB 79 43 18	#4F2B12
100.0%	100.0% #4D2508	RGB 77 37 8	#4D2508

#5E4E45 #5B473A #584030 #553926 #52321C #4F2B12 #4D2508

#5E4E45 - #4D2508

Mezcla HSV

#5E4E45 - #4D2508 | 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 #5E4E45 como 0% y #4D2508 como 100%.

0.0%	0.0% #5E4E45	RGB 94 78 69	#5E4E45
16.7%	16.7% #5B4539	RGB 91 69 57	#5B4539
33.3%	33.3% #583E2E	RGB 88 62 46	#583E2E
50.0%	50.0% #553723	RGB 85 55 35	#553723
66.7%	66.7% #523019	RGB 82 48 25	#523019
83.3%	83.3% #4F2A10	RGB 79 42 16	#4F2A10
100.0%	100.0% #4D2508	RGB 77 37 8	#4D2508

#5E4E45 #5B4539 #583E2E #553723 #523019 #4F2A10 #4D2508

#5E4E45 - #553723 - #4D2508

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4E45 0%, #553723 50%, #4D2508 100%);
    background: -webkit-linear-gradient(top, #5E4E45 0%, #553723 50%, #4D2508 100%);
    background: linear-gradient(to bottom, #5E4E45 0%, #553723 50%, #4D2508 100%);
}
</style>