#5E6D8F - #1A1F28 | 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 #5E6D8F a #1A1F28

#5E6D8F #1A1F28

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

#5E6D8F - #1A1F28 | 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 #5E6D8F como 0% y #1A1F28 como 100%.

0.0%	0.0% #5E6D8F	RGB 94 109 143	#5E6D8F
16.7%	16.7% #52607D	RGB 82 96 125	#52607D
33.3%	33.3% #47536C	RGB 71 83 108	#47536C
50.0%	50.0% #3C465B	RGB 60 70 91	#3C465B
66.7%	66.7% #30394A	RGB 48 57 74	#30394A
83.3%	83.3% #252C39	RGB 37 44 57	#252C39
100.0%	100.0% #1A1F28	RGB 26 31 40	#1A1F28

#5E6D8F #52607D #47536C #3C465B #30394A #252C39 #1A1F28

#5E6D8F - #1A1F28

Mezcla HSV

#5E6D8F - #1A1F28 | 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 #5E6D8F como 0% y #1A1F28 como 100%.

0.0%	0.0% #5E6D8F	RGB 94 109 143	#5E6D8F
16.7%	16.7% #52607D	RGB 82 96 125	#52607D
33.3%	33.3% #47536C	RGB 71 83 108	#47536C
50.0%	50.0% #3B465B	RGB 59 70 91	#3B465B
66.7%	66.7% #30394A	RGB 48 57 74	#30394A
83.3%	83.3% #252C39	RGB 37 44 57	#252C39
100.0%	100.0% #1A1F28	RGB 26 31 40	#1A1F28

#5E6D8F #52607D #47536C #3B465B #30394A #252C39 #1A1F28

#5E6D8F - #3B465B - #1A1F28

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6D8F 0%, #3B465B 50%, #1A1F28 100%);
    background: -webkit-linear-gradient(top, #5E6D8F 0%, #3B465B 50%, #1A1F28 100%);
    background: linear-gradient(to bottom, #5E6D8F 0%, #3B465B 50%, #1A1F28 100%);
}
</style>