#5E5E5F - #5C123E | 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 #5C123E

#5E5E5F #5C123E

Calcule el color entre dos colores, #5E5E5F y #5C123E. 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 - #5C123E | 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 #5C123E como 100%.

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #5D5159	RGB 93 81 89	#5D5159
33.3%	33.3% #5D4454	RGB 93 68 84	#5D4454
50.0%	50.0% #5D384E	RGB 93 56 78	#5D384E
66.7%	66.7% #5C2B49	RGB 92 43 73	#5C2B49
83.3%	83.3% #5C1E43	RGB 92 30 67	#5C1E43
100.0%	100.0% #5C123E	RGB 92 18 62	#5C123E

#5E5E5F #5D5159 #5D4454 #5D384E #5C2B49 #5C1E43 #5C123E

#5E5E5F - #5C123E

Mezcla HSV

#5E5E5F - #5C123E | 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 #5C123E como 100%.

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #54515E	RGB 84 81 94	#54515E
33.3%	33.3% #50445E	RGB 80 68 94	#50445E
50.0%	50.0% #52375D	RGB 82 55 93	#52375D
66.7%	66.7% #592A5D	RGB 89 42 93	#592A5D
83.3%	83.3% #5C1E51	RGB 92 30 81	#5C1E51
100.0%	100.0% #5C123E	RGB 92 18 62	#5C123E

#5E5E5F #54515E #50445E #52375D #592A5D #5C1E51 #5C123E

#5E5E5F - #52375D - #5C123E

Códigos CSS

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

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