#464A5E - #090D4E | 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 #464A5E a #090D4E

#464A5E #090D4E

Calcule el color entre dos colores, #464A5E y #090D4E. 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)

#464A5E - #090D4E | 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 #464A5E como 0% y #090D4E como 100%.

0.0%	0.0% #464A5E	RGB 70 74 94	#464A5E
16.7%	16.7% #3B3F5B	RGB 59 63 91	#3B3F5B
33.3%	33.3% #313558	RGB 49 53 88	#313558
50.0%	50.0% #272B56	RGB 39 43 86	#272B56
66.7%	66.7% #1D2153	RGB 29 33 83	#1D2153
83.3%	83.3% #131750	RGB 19 23 80	#131750
100.0%	100.0% #090D4E	RGB 9 13 78	#090D4E

#464A5E #3B3F5B #313558 #272B56 #1D2153 #131750 #090D4E

#464A5E - #090D4E

Mezcla HSV

#464A5E - #090D4E | 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 #464A5E como 0% y #090D4E como 100%.

0.0%	0.0% #464A5E	RGB 70 74 94	#464A5E
16.7%	16.7% #3A3F5B	RGB 58 63 91	#3A3F5B
33.3%	33.3% #2F3458	RGB 47 52 88	#2F3458
50.0%	50.0% #242A56	RGB 36 42 86	#242A56
66.7%	66.7% #1B2053	RGB 27 32 83	#1B2053
83.3%	83.3% #111650	RGB 17 22 80	#111650
100.0%	100.0% #090D4E	RGB 9 13 78	#090D4E

#464A5E #3A3F5B #2F3458 #242A56 #1B2053 #111650 #090D4E

#464A5E - #242A56 - #090D4E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464A5E 0%, #242A56 50%, #090D4E 100%);
    background: -webkit-linear-gradient(top, #464A5E 0%, #242A56 50%, #090D4E 100%);
    background: linear-gradient(to bottom, #464A5E 0%, #242A56 50%, #090D4E 100%);
}
</style>