#5E5E5C - #2A141E | 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 #5E5E5C a #2A141E

#5E5E5C #2A141E

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

#5E5E5C - #2A141E | 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 #5E5E5C como 0% y #2A141E como 100%.

0.0%	0.0% #5E5E5C	RGB 94 94 92	#5E5E5C
16.7%	16.7% #555151	RGB 85 81 81	#555151
33.3%	33.3% #4C4547	RGB 76 69 71	#4C4547
50.0%	50.0% #44393D	RGB 68 57 61	#44393D
66.7%	66.7% #3B2C32	RGB 59 44 50	#3B2C32
83.3%	83.3% #322028	RGB 50 32 40	#322028
100.0%	100.0% #2A141E	RGB 42 20 30	#2A141E

#5E5E5C #555151 #4C4547 #44393D #3B2C32 #322028 #2A141E

#5E5E5C - #2A141E

Mezcla HSV

#5E5E5C - #2A141E | 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 #5E5E5C como 0% y #2A141E como 100%.

0.0%	0.0% #5E5E5C	RGB 94 94 92	#5E5E5C
16.7%	16.7% #55534C	RGB 85 83 76	#55534C
33.3%	33.3% #4C453E	RGB 76 69 62	#4C453E
50.0%	50.0% #443631	RGB 68 54 49	#443631
66.7%	66.7% #3B2626	RGB 59 38 38	#3B2626
83.3%	83.3% #321C21	RGB 50 28 33	#321C21
100.0%	100.0% #2A141E	RGB 42 20 30	#2A141E

#5E5E5C #55534C #4C453E #443631 #3B2626 #321C21 #2A141E

#5E5E5C - #443631 - #2A141E

Códigos CSS

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

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