#5E708F - #1A343D | 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 #5E708F a #1A343D

#5E708F #1A343D

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

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

0.0%	0.0% #5E708F	RGB 94 112 143	#5E708F
16.7%	16.7% #526681	RGB 82 102 129	#526681
33.3%	33.3% #475C73	RGB 71 92 115	#475C73
50.0%	50.0% #3C5266	RGB 60 82 102	#3C5266
66.7%	66.7% #304858	RGB 48 72 88	#304858
83.3%	83.3% #253E4A	RGB 37 62 74	#253E4A
100.0%	100.0% #1A343D	RGB 26 52 61	#1A343D

#5E708F #526681 #475C73 #3C5266 #304858 #253E4A #1A343D

#5E708F - #1A343D

Mezcla HSV

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

0.0%	0.0% #5E708F	RGB 94 112 143	#5E708F
16.7%	16.7% #506581	RGB 80 101 129	#506581
33.3%	33.3% #435B73	RGB 67 91 115	#435B73
50.0%	50.0% #375166	RGB 55 81 102	#375166
66.7%	66.7% #2C4758	RGB 44 71 88	#2C4758
83.3%	83.3% #223D4A	RGB 34 61 74	#223D4A
100.0%	100.0% #1A343D	RGB 26 52 61	#1A343D

#5E708F #506581 #435B73 #375166 #2C4758 #223D4A #1A343D

#5E708F - #375166 - #1A343D

Códigos CSS

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

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