#5E4D3C - #1C0816 | 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 #5E4D3C a #1C0816

#5E4D3C #1C0816

Calcule el color entre dos colores, #5E4D3C y #1C0816. 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)

#5E4D3C - #1C0816 | 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 #5E4D3C como 0% y #1C0816 como 100%.

0.0%	0.0% #5E4D3C	RGB 94 77 60	#5E4D3C
16.7%	16.7% #534135	RGB 83 65 53	#534135
33.3%	33.3% #48362F	RGB 72 54 47	#48362F
50.0%	50.0% #3D2A29	RGB 61 42 41	#3D2A29
66.7%	66.7% #321F22	RGB 50 31 34	#321F22
83.3%	83.3% #27131C	RGB 39 19 28	#27131C
100.0%	100.0% #1C0816	RGB 28 8 22	#1C0816

#5E4D3C #534135 #48362F #3D2A29 #321F22 #27131C #1C0816

#5E4D3C - #1C0816

Mezcla HSV

#5E4D3C - #1C0816 | 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 #5E4D3C como 0% y #1C0816 como 100%.

0.0%	0.0% #5E4D3C	RGB 94 77 60	#5E4D3C
16.7%	16.7% #533A30	RGB 83 58 48	#533A30
33.3%	33.3% #482825	RGB 72 40 37	#482825
50.0%	50.0% #3D1C1F	RGB 61 28 31	#3D1C1F
66.7%	66.7% #32141D	RGB 50 20 29	#32141D
83.3%	83.3% #270D1A	RGB 39 13 26	#270D1A
100.0%	100.0% #1C0816	RGB 28 8 22	#1C0816

#5E4D3C #533A30 #482825 #3D1C1F #32141D #270D1A #1C0816

#5E4D3C - #3D1C1F - #1C0816

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D3C 0%, #3D1C1F 50%, #1C0816 100%);
    background: -webkit-linear-gradient(top, #5E4D3C 0%, #3D1C1F 50%, #1C0816 100%);
    background: linear-gradient(to bottom, #5E4D3C 0%, #3D1C1F 50%, #1C0816 100%);
}
</style>