#464E5E - #091D4E | 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 #464E5E a #091D4E

#464E5E #091D4E

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

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

0.0%	0.0% #464E5E	RGB 70 78 94	#464E5E
16.7%	16.7% #3B455B	RGB 59 69 91	#3B455B
33.3%	33.3% #313D58	RGB 49 61 88	#313D58
50.0%	50.0% #273556	RGB 39 53 86	#273556
66.7%	66.7% #1D2D53	RGB 29 45 83	#1D2D53
83.3%	83.3% #132550	RGB 19 37 80	#132550
100.0%	100.0% #091D4E	RGB 9 29 78	#091D4E

#464E5E #3B455B #313D58 #273556 #1D2D53 #132550 #091D4E

#464E5E - #091D4E

Mezcla HSV

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

0.0%	0.0% #464E5E	RGB 70 78 94	#464E5E
16.7%	16.7% #3A455B	RGB 58 69 91	#3A455B
33.3%	33.3% #2F3C58	RGB 47 60 88	#2F3C58
50.0%	50.0% #243456	RGB 36 52 86	#243456
66.7%	66.7% #1B2C53	RGB 27 44 83	#1B2C53
83.3%	83.3% #112450	RGB 17 36 80	#112450
100.0%	100.0% #091D4E	RGB 9 29 78	#091D4E

#464E5E #3A455B #2F3C58 #243456 #1B2C53 #112450 #091D4E

#464E5E - #243456 - #091D4E

Códigos CSS

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

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