#5E5E5F - #5C1212 | 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 #5E5E5F a #5C1212

#5E5E5F #5C1212

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

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

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #5D5152	RGB 93 81 82	#5D5152
33.3%	33.3% #5D4445	RGB 93 68 69	#5D4445
50.0%	50.0% #5D3838	RGB 93 56 56	#5D3838
66.7%	66.7% #5C2B2B	RGB 92 43 43	#5C2B2B
83.3%	83.3% #5C1E1E	RGB 92 30 30	#5C1E1E
100.0%	100.0% #5C1212	RGB 92 18 18	#5C1212

#5E5E5F #5D5152 #5D4445 #5D3838 #5C2B2B #5C1E1E #5C1212

#5E5E5F - #5C1212

Mezcla HSV

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

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #55515E	RGB 85 81 94	#55515E
33.3%	33.3% #55445E	RGB 85 68 94	#55445E
50.0%	50.0% #5D375D	RGB 93 55 93	#5D375D
66.7%	66.7% #5D2A4C	RGB 93 42 76	#5D2A4C
83.3%	83.3% #5C1E33	RGB 92 30 51	#5C1E33
100.0%	100.0% #5C1212	RGB 92 18 18	#5C1212

#5E5E5F #55515E #55445E #5D375D #5D2A4C #5C1E33 #5C1212

#5E5E5F - #5D375D - #5C1212

Códigos CSS

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

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