#5E5C5E - #4E0F50 | 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 #5E5C5E a #4E0F50

#5E5C5E #4E0F50

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

#5E5C5E - #4E0F50 | 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 #5E5C5E como 0% y #4E0F50 como 100%.

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #5B4F5B	RGB 91 79 91	#5B4F5B
33.3%	33.3% #584259	RGB 88 66 89	#584259
50.0%	50.0% #563557	RGB 86 53 87	#563557
66.7%	66.7% #532854	RGB 83 40 84	#532854
83.3%	83.3% #501B52	RGB 80 27 82	#501B52
100.0%	100.0% #4E0F50	RGB 78 15 80	#4E0F50

#5E5C5E #5B4F5B #584259 #563557 #532854 #501B52 #4E0F50

#5E5C5E - #4E0F50

Mezcla HSV

#5E5C5E - #4E0F50 | 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 #5E5C5E como 0% y #4E0F50 como 100%.

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #5B4D5B	RGB 91 77 91	#5B4D5B
33.3%	33.3% #593F59	RGB 89 63 89	#593F59
50.0%	50.0% #563257	RGB 86 50 87	#563257
66.7%	66.7% #532654	RGB 83 38 84	#532654
83.3%	83.3% #501A52	RGB 80 26 82	#501A52
100.0%	100.0% #4E0F50	RGB 78 15 80	#4E0F50

#5E5C5E #5B4D5B #593F59 #563257 #532654 #501A52 #4E0F50

#5E5C5E - #563257 - #4E0F50

Códigos CSS

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

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