#5E2D1C - #3D1505 | 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 #5E2D1C a #3D1505

#5E2D1C #3D1505

Calcule el color entre dos colores, #5E2D1C y #3D1505. 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)

#5E2D1C - #3D1505 | 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 #5E2D1C como 0% y #3D1505 como 100%.

0.0%	0.0% #5E2D1C	RGB 94 45 28	#5E2D1C
16.7%	16.7% #582918	RGB 88 41 24	#582918
33.3%	33.3% #532514	RGB 83 37 20	#532514
50.0%	50.0% #4D2110	RGB 77 33 16	#4D2110
66.7%	66.7% #481D0C	RGB 72 29 12	#481D0C
83.3%	83.3% #421908	RGB 66 25 8	#421908
100.0%	100.0% #3D1505	RGB 61 21 5	#3D1505

#5E2D1C #582918 #532514 #4D2110 #481D0C #421908 #3D1505

#5E2D1C - #3D1505

Mezcla HSV

#5E2D1C - #3D1505 | 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 #5E2D1C como 0% y #3D1505 como 100%.

0.0%	0.0% #5E2D1C	RGB 94 45 28	#5E2D1C
16.7%	16.7% #582817	RGB 88 40 23	#582817
33.3%	33.3% #532312	RGB 83 35 18	#532312
50.0%	50.0% #4D1F0E	RGB 77 31 14	#4D1F0E
66.7%	66.7% #481B0B	RGB 72 27 11	#481B0B
83.3%	83.3% #421807	RGB 66 24 7	#421807
100.0%	100.0% #3D1505	RGB 61 21 5	#3D1505

#5E2D1C #582817 #532312 #4D1F0E #481B0B #421807 #3D1505

#5E2D1C - #4D1F0E - #3D1505

Códigos CSS

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

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