#5E5E80 - #172A32 | 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 #5E5E80 a #172A32

#5E5E80 #172A32

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

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

0.0%	0.0% #5E5E80	RGB 94 94 128	#5E5E80
16.7%	16.7% #525573	RGB 82 85 115	#525573
33.3%	33.3% #464C66	RGB 70 76 102	#464C66
50.0%	50.0% #3A4459	RGB 58 68 89	#3A4459
66.7%	66.7% #2E3B4C	RGB 46 59 76	#2E3B4C
83.3%	83.3% #22323F	RGB 34 50 63	#22323F
100.0%	100.0% #172A32	RGB 23 42 50	#172A32

#5E5E80 #525573 #464C66 #3A4459 #2E3B4C #22323F #172A32

#5E5E80 - #172A32

Mezcla HSV

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

0.0%	0.0% #5E5E80	RGB 94 94 128	#5E5E80
16.7%	16.7% #4F5373	RGB 79 83 115	#4F5373
33.3%	33.3% #414A66	RGB 65 74 102	#414A66
50.0%	50.0% #354159	RGB 53 65 89	#354159
66.7%	66.7% #29394C	RGB 41 57 76	#29394C
83.3%	83.3% #1F323F	RGB 31 50 63	#1F323F
100.0%	100.0% #172A32	RGB 23 42 50	#172A32

#5E5E80 #4F5373 #414A66 #354159 #29394C #1F323F #172A32

#5E5E80 - #354159 - #172A32

Códigos CSS

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

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