#5E5E84 - #172A34 | 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 #5E5E84 a #172A34

#5E5E84 #172A34

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

#5E5E84 - #172A34 | 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 #5E5E84 como 0% y #172A34 como 100%.

0.0%	0.0% #5E5E84	RGB 94 94 132	#5E5E84
16.7%	16.7% #525576	RGB 82 85 118	#525576
33.3%	33.3% #464C69	RGB 70 76 105	#464C69
50.0%	50.0% #3A445C	RGB 58 68 92	#3A445C
66.7%	66.7% #2E3B4E	RGB 46 59 78	#2E3B4E
83.3%	83.3% #223241	RGB 34 50 65	#223241
100.0%	100.0% #172A34	RGB 23 42 52	#172A34

#5E5E84 #525576 #464C69 #3A445C #2E3B4E #223241 #172A34

#5E5E84 - #172A34

Mezcla HSV

#5E5E84 - #172A34 | 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 #5E5E84 como 0% y #172A34 como 100%.

0.0%	0.0% #5E5E84	RGB 94 94 132	#5E5E84
16.7%	16.7% #4F5376	RGB 79 83 118	#4F5376
33.3%	33.3% #414A69	RGB 65 74 105	#414A69
50.0%	50.0% #35415C	RGB 53 65 92	#35415C
66.7%	66.7% #29394E	RGB 41 57 78	#29394E
83.3%	83.3% #1F3241	RGB 31 50 65	#1F3241
100.0%	100.0% #172A34	RGB 23 42 52	#172A34

#5E5E84 #4F5376 #414A69 #35415C #29394E #1F3241 #172A34

#5E5E84 - #35415C - #172A34

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E84 0%, #35415C 50%, #172A34 100%);
    background: -webkit-linear-gradient(top, #5E5E84 0%, #35415C 50%, #172A34 100%);
    background: linear-gradient(to bottom, #5E5E84 0%, #35415C 50%, #172A34 100%);
}
</style>