#5D5E46 - #1A1A14 | 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 #5D5E46 a #1A1A14

#5D5E46 #1A1A14

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

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

0.0%	0.0% #5D5E46	RGB 93 94 70	#5D5E46
16.7%	16.7% #51523D	RGB 81 82 61	#51523D
33.3%	33.3% #464735	RGB 70 71 53	#464735
50.0%	50.0% #3B3C2D	RGB 59 60 45	#3B3C2D
66.7%	66.7% #303024	RGB 48 48 36	#303024
83.3%	83.3% #25251C	RGB 37 37 28	#25251C
100.0%	100.0% #1A1A14	RGB 26 26 20	#1A1A14

#5D5E46 #51523D #464735 #3B3C2D #303024 #25251C #1A1A14

#5D5E46 - #1A1A14

Mezcla HSV

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

0.0%	0.0% #5D5E46	RGB 93 94 70	#5D5E46
16.7%	16.7% #51523D	RGB 81 82 61	#51523D
33.3%	33.3% #464735	RGB 70 71 53	#464735
50.0%	50.0% #3B3C2D	RGB 59 60 45	#3B3C2D
66.7%	66.7% #303025	RGB 48 48 37	#303025
83.3%	83.3% #25251C	RGB 37 37 28	#25251C
100.0%	100.0% #1A1A14	RGB 26 26 20	#1A1A14

#5D5E46 #51523D #464735 #3B3C2D #303025 #25251C #1A1A14

#5D5E46 - #3B3C2D - #1A1A14

Códigos CSS

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

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