#080C12 - #163D42 | 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 #080C12 a #163D42

#080C12 #163D42

Calcule el color entre dos colores, #080C12 y #163D42. 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)

#080C12 - #163D42 | 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 #080C12 como 0% y #163D42 como 100%.

0.0%	0.0% #080C12	RGB 8 12 18	#080C12
16.7%	16.7% #0A141A	RGB 10 20 26	#0A141A
33.3%	33.3% #0C1C22	RGB 12 28 34	#0C1C22
50.0%	50.0% #0F242A	RGB 15 36 42	#0F242A
66.7%	66.7% #112C32	RGB 17 44 50	#112C32
83.3%	83.3% #13343A	RGB 19 52 58	#13343A
100.0%	100.0% #163D42	RGB 22 61 66	#163D42

#080C12 #0A141A #0C1C22 #0F242A #112C32 #13343A #163D42

#080C12 - #163D42

Mezcla HSV

#080C12 - #163D42 | 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 #080C12 como 0% y #163D42 como 100%.

0.0%	0.0% #080C12	RGB 8 12 18	#080C12
16.7%	16.7% #0B121A	RGB 11 18 26	#0B121A
33.3%	33.3% #0D1922	RGB 13 25 34	#0D1922
50.0%	50.0% #10202A	RGB 16 32 42	#10202A
66.7%	66.7% #122932	RGB 18 41 50	#122932
83.3%	83.3% #14323A	RGB 20 50 58	#14323A
100.0%	100.0% #163D42	RGB 22 61 66	#163D42

#080C12 #0B121A #0D1922 #10202A #122932 #14323A #163D42

#080C12 - #10202A - #163D42

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080C12 0%, #10202A 50%, #163D42 100%);
    background: -webkit-linear-gradient(top, #080C12 0%, #10202A 50%, #163D42 100%);
    background: linear-gradient(to bottom, #080C12 0%, #10202A 50%, #163D42 100%);
}
</style>