#444C7E - #12202A | 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 #444C7E a #12202A

#444C7E #12202A

Calcule el color entre dos colores, #444C7E y #12202A. 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)

#444C7E - #12202A | 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 #444C7E como 0% y #12202A como 100%.

0.0%	0.0% #444C7E	RGB 68 76 126	#444C7E
16.7%	16.7% #3B4470	RGB 59 68 112	#3B4470
33.3%	33.3% #333D62	RGB 51 61 98	#333D62
50.0%	50.0% #2B3654	RGB 43 54 84	#2B3654
66.7%	66.7% #222E46	RGB 34 46 70	#222E46
83.3%	83.3% #1A2738	RGB 26 39 56	#1A2738
100.0%	100.0% #12202A	RGB 18 32 42	#12202A

#444C7E #3B4470 #333D62 #2B3654 #222E46 #1A2738 #12202A

#444C7E - #12202A

Mezcla HSV

#444C7E - #12202A | 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 #444C7E como 0% y #12202A como 100%.

0.0%	0.0% #444B7E	RGB 68 75 126	#444B7E
16.7%	16.7% #3A4570	RGB 58 69 112	#3A4570
33.3%	33.3% #313F62	RGB 49 63 98	#313F62
50.0%	50.0% #283854	RGB 40 56 84	#283854
66.7%	66.7% #203046	RGB 32 48 70	#203046
83.3%	83.3% #192838	RGB 25 40 56	#192838
100.0%	100.0% #12202A	RGB 18 32 42	#12202A

#444B7E #3A4570 #313F62 #283854 #203046 #192838 #12202A

#444C7E - #283854 - #12202A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #444B7E 0%, #283854 50%, #12202A 100%);
    background: -webkit-linear-gradient(top, #444B7E 0%, #283854 50%, #12202A 100%);
    background: linear-gradient(to bottom, #444B7E 0%, #283854 50%, #12202A 100%);
}
</style>