#344F71 - #8F98A0 | 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 #344F71 a #8F98A0

#344F71 #8F98A0

Calcule el color entre dos colores, #344F71 y #8F98A0. 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)

#344F71 - #8F98A0 | 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 #344F71 como 0% y #8F98A0 como 100%.

0.0%	0.0% #344F71	RGB 52 79 113	#344F71
16.7%	16.7% #435B78	RGB 67 91 120	#435B78
33.3%	33.3% #526780	RGB 82 103 128	#526780
50.0%	50.0% #617388	RGB 97 115 136	#617388
66.7%	66.7% #707F90	RGB 112 127 144	#707F90
83.3%	83.3% #7F8B98	RGB 127 139 152	#7F8B98
100.0%	100.0% #8F98A0	RGB 143 152 160	#8F98A0

#344F71 #435B78 #526780 #617388 #707F90 #7F8B98 #8F98A0

#344F71 - #8F98A0

Mezcla HSV

#344F71 - #8F98A0 | 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 #344F71 como 0% y #8F98A0 como 100%.

0.0%	0.0% #344F71	RGB 52 79 113	#344F71
16.7%	16.7% #405A78	RGB 64 90 120	#405A78
33.3%	33.3% #4D6580	RGB 77 101 128	#4D6580
50.0%	50.0% #5C7188	RGB 92 113 136	#5C7188
66.7%	66.7% #6C7E90	RGB 108 126 144	#6C7E90
83.3%	83.3% #7D8A98	RGB 125 138 152	#7D8A98
100.0%	100.0% #8F98A0	RGB 143 152 160	#8F98A0

#344F71 #405A78 #4D6580 #5C7188 #6C7E90 #7D8A98 #8F98A0

#344F71 - #5C7188 - #8F98A0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #344F71 0%, #5C7188 50%, #8F98A0 100%);
    background: -webkit-linear-gradient(top, #344F71 0%, #5C7188 50%, #8F98A0 100%);
    background: linear-gradient(to bottom, #344F71 0%, #5C7188 50%, #8F98A0 100%);
}
</style>