#5C5E5E - #182A14 | 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 #5C5E5E a #182A14

#5C5E5E #182A14

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

#5C5E5E - #182A14 | 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 #5C5E5E como 0% y #182A14 como 100%.

0.0%	0.0% #5C5E5E	RGB 92 94 94	#5C5E5E
16.7%	16.7% #505551	RGB 80 85 81	#505551
33.3%	33.3% #454C45	RGB 69 76 69	#454C45
50.0%	50.0% #3A4439	RGB 58 68 57	#3A4439
66.7%	66.7% #2E3B2C	RGB 46 59 44	#2E3B2C
83.3%	83.3% #233220	RGB 35 50 32	#233220
100.0%	100.0% #182A14	RGB 24 42 20	#182A14

#5C5E5E #505551 #454C45 #3A4439 #2E3B2C #233220 #182A14

#5C5E5E - #182A14

Mezcla HSV

#5C5E5E - #182A14 | 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 #5C5E5E como 0% y #182A14 como 100%.

0.0%	0.0% #5C5E5E	RGB 92 94 94	#5C5E5E
16.7%	16.7% #4C5553	RGB 76 85 83	#4C5553
33.3%	33.3% #3E4C46	RGB 62 76 70	#3E4C46
50.0%	50.0% #314439	RGB 49 68 57	#314439
66.7%	66.7% #263B2A	RGB 38 59 42	#263B2A
83.3%	83.3% #1C321C	RGB 28 50 28	#1C321C
100.0%	100.0% #182A14	RGB 24 42 20	#182A14

#5C5E5E #4C5553 #3E4C46 #314439 #263B2A #1C321C #182A14

#5C5E5E - #314439 - #182A14

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5E5E 0%, #314439 50%, #182A14 100%);
    background: -webkit-linear-gradient(top, #5C5E5E 0%, #314439 50%, #182A14 100%);
    background: linear-gradient(to bottom, #5C5E5E 0%, #314439 50%, #182A14 100%);
}
</style>