#1A1C39 - #000F0B | 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 #1A1C39 a #000F0B

#1A1C39 #000F0B

Calcule el color entre dos colores, #1A1C39 y #000F0B. 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)

#1A1C39 - #000F0B | 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 #1A1C39 como 0% y #000F0B como 100%.

0.0%	0.0% #1A1C39	RGB 26 28 57	#1A1C39
16.7%	16.7% #151931	RGB 21 25 49	#151931
33.3%	33.3% #111729	RGB 17 23 41	#111729
50.0%	50.0% #0D1522	RGB 13 21 34	#0D1522
66.7%	66.7% #08131A	RGB 8 19 26	#08131A
83.3%	83.3% #041112	RGB 4 17 18	#041112
100.0%	100.0% #000F0B	RGB 0 15 11	#000F0B

#1A1C39 #151931 #111729 #0D1522 #08131A #041112 #000F0B

#1A1C39 - #000F0B

Mezcla HSV

#1A1C39 - #000F0B | 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 #1A1C39 como 0% y #000F0B como 100%.

0.0%	0.0% #1A1B39	RGB 26 27 57	#1A1B39
16.7%	16.7% #131B32	RGB 19 27 50	#131B32
33.3%	33.3% #0D1A2B	RGB 13 26 43	#0D1A2B
50.0%	50.0% #081A24	RGB 8 26 36	#081A24
66.7%	66.7% #04191D	RGB 4 25 29	#04191D
83.3%	83.3% #011614	RGB 1 22 20	#011614
100.0%	100.0% #000F0B	RGB 0 15 11	#000F0B

#1A1B39 #131B32 #0D1A2B #081A24 #04191D #011614 #000F0B

#1A1C39 - #081A24 - #000F0B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A1B39 0%, #081A24 50%, #000F0B 100%);
    background: -webkit-linear-gradient(top, #1A1B39 0%, #081A24 50%, #000F0B 100%);
    background: linear-gradient(to bottom, #1A1B39 0%, #081A24 50%, #000F0B 100%);
}
</style>