#5E5E4D - #132519 | 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 #5E5E4D a #132519

#5E5E4D #132519

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

#5E5E4D - #132519 | 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 #5E5E4D como 0% y #132519 como 100%.

0.0%	0.0% #5E5E4D	RGB 94 94 77	#5E5E4D
16.7%	16.7% #515444	RGB 81 84 68	#515444
33.3%	33.3% #454B3B	RGB 69 75 59	#454B3B
50.0%	50.0% #384133	RGB 56 65 51	#384133
66.7%	66.7% #2C382A	RGB 44 56 42	#2C382A
83.3%	83.3% #1F2E21	RGB 31 46 33	#1F2E21
100.0%	100.0% #132519	RGB 19 37 25	#132519

#5E5E4D #515444 #454B3B #384133 #2C382A #1F2E21 #132519

#5E5E4D - #132519

Mezcla HSV

#5E5E4D - #132519 | 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 #5E5E4D como 0% y #132519 como 100%.

0.0%	0.0% #5E5E4D	RGB 94 94 77	#5E5E4D
16.7%	16.7% #505440	RGB 80 84 64	#505440
33.3%	33.3% #414B35	RGB 65 75 53	#414B35
50.0%	50.0% #32412B	RGB 50 65 43	#32412B
66.7%	66.7% #243822	RGB 36 56 34	#243822
83.3%	83.3% #1A2E1C	RGB 26 46 28	#1A2E1C
100.0%	100.0% #132519	RGB 19 37 25	#132519

#5E5E4D #505440 #414B35 #32412B #243822 #1A2E1C #132519

#5E5E4D - #32412B - #132519

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E4D 0%, #32412B 50%, #132519 100%);
    background: -webkit-linear-gradient(top, #5E5E4D 0%, #32412B 50%, #132519 100%);
    background: linear-gradient(to bottom, #5E5E4D 0%, #32412B 50%, #132519 100%);
}
</style>