#1A1D3A - #48546C | 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 #1A1D3A a #48546C

#1A1D3A #48546C

Calcule el color entre dos colores, #1A1D3A y #48546C. 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)

#1A1D3A - #48546C | 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 #1A1D3A como 0% y #48546C como 100%.

0.0%	0.0% #1A1D3A	RGB 26 29 58	#1A1D3A
16.7%	16.7% #212642	RGB 33 38 66	#212642
33.3%	33.3% #292F4A	RGB 41 47 74	#292F4A
50.0%	50.0% #313853	RGB 49 56 83	#313853
66.7%	66.7% #38415B	RGB 56 65 91	#38415B
83.3%	83.3% #404A63	RGB 64 74 99	#404A63
100.0%	100.0% #48546C	RGB 72 84 108	#48546C

#1A1D3A #212642 #292F4A #313853 #38415B #404A63 #48546C

#1A1D3A - #48546C

Mezcla HSV

#1A1D3A - #48546C | 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 #1A1D3A como 0% y #48546C como 100%.

0.0%	0.0% #1A1C3A	RGB 26 28 58	#1A1C3A
16.7%	16.7% #202442	RGB 32 36 66	#202442
33.3%	33.3% #262D4A	RGB 38 45 74	#262D4A
50.0%	50.0% #2E3653	RGB 46 54 83	#2E3653
66.7%	66.7% #363F5B	RGB 54 63 91	#363F5B
83.3%	83.3% #3E4963	RGB 62 73 99	#3E4963
100.0%	100.0% #48546C	RGB 72 84 108	#48546C

#1A1C3A #202442 #262D4A #2E3653 #363F5B #3E4963 #48546C

#1A1D3A - #2E3653 - #48546C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A1C3A 0%, #2E3653 50%, #48546C 100%);
    background: -webkit-linear-gradient(top, #1A1C3A 0%, #2E3653 50%, #48546C 100%);
    background: linear-gradient(to bottom, #1A1C3A 0%, #2E3653 50%, #48546C 100%);
}
</style>