#5E4D4D - #1D2513 | 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 #5E4D4D a #1D2513

#5E4D4D #1D2513

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

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

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #534643	RGB 83 70 67	#534643
33.3%	33.3% #483F39	RGB 72 63 57	#483F39
50.0%	50.0% #3D3930	RGB 61 57 48	#3D3930
66.7%	66.7% #323226	RGB 50 50 38	#323226
83.3%	83.3% #272B1C	RGB 39 43 28	#272B1C
100.0%	100.0% #1D2513	RGB 29 37 19	#1D2513

#5E4D4D #534643 #483F39 #3D3930 #323226 #272B1C #1D2513

#5E4D4D - #1D2513

Mezcla HSV

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

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #544540	RGB 84 69 64	#544540
33.3%	33.3% #4B4035	RGB 75 64 53	#4B4035
50.0%	50.0% #413B2B	RGB 65 59 43	#413B2B
66.7%	66.7% #383722	RGB 56 55 34	#383722
83.3%	83.3% #2A2E1A	RGB 42 46 26	#2A2E1A
100.0%	100.0% #1D2513	RGB 29 37 19	#1D2513

#5E4D4D #544540 #4B4035 #413B2B #383722 #2A2E1A #1D2513

#5E4D4D - #413B2B - #1D2513

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D4D 0%, #413B2B 50%, #1D2513 100%);
    background: -webkit-linear-gradient(top, #5E4D4D 0%, #413B2B 50%, #1D2513 100%);
    background: linear-gradient(to bottom, #5E4D4D 0%, #413B2B 50%, #1D2513 100%);
}
</style>