#444C7E - #131524 | 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 #131524

#444C7E #131524

Calcule el color entre dos colores, #444C7E y #131524. 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 - #131524 | 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 #131524 como 100%.

0.0%	0.0% #444C7E	RGB 68 76 126	#444C7E
16.7%	16.7% #3B426F	RGB 59 66 111	#3B426F
33.3%	33.3% #333960	RGB 51 57 96	#333960
50.0%	50.0% #2B3051	RGB 43 48 81	#2B3051
66.7%	66.7% #232742	RGB 35 39 66	#232742
83.3%	83.3% #1B1E33	RGB 27 30 51	#1B1E33
100.0%	100.0% #131524	RGB 19 21 36	#131524

#444C7E #3B426F #333960 #2B3051 #232742 #1B1E33 #131524

#444C7E - #131524

Mezcla HSV

#444C7E - #131524 | 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 #131524 como 100%.

0.0%	0.0% #444B7E	RGB 68 75 126	#444B7E
16.7%	16.7% #3B426F	RGB 59 66 111	#3B426F
33.3%	33.3% #333960	RGB 51 57 96	#333960
50.0%	50.0% #2B3051	RGB 43 48 81	#2B3051
66.7%	66.7% #232642	RGB 35 38 66	#232642
83.3%	83.3% #1B1D33	RGB 27 29 51	#1B1D33
100.0%	100.0% #131524	RGB 19 21 36	#131524

#444B7E #3B426F #333960 #2B3051 #232642 #1B1D33 #131524

#444C7E - #2B3051 - #131524

Códigos CSS

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

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