#080C12 - #1D3847 | 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 #1D3847

#080C12 #1D3847

Calcule el color entre dos colores, #080C12 y #1D3847. 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 - #1D3847 | 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 #1D3847 como 100%.

0.0%	0.0% #080C12	RGB 8 12 18	#080C12
16.7%	16.7% #0B131A	RGB 11 19 26	#0B131A
33.3%	33.3% #0F1A23	RGB 15 26 35	#0F1A23
50.0%	50.0% #12222C	RGB 18 34 44	#12222C
66.7%	66.7% #162935	RGB 22 41 53	#162935
83.3%	83.3% #19303E	RGB 25 48 62	#19303E
100.0%	100.0% #1D3847	RGB 29 56 71	#1D3847

#080C12 #0B131A #0F1A23 #12222C #162935 #19303E #1D3847

#080C12 - #1D3847

Mezcla HSV

#080C12 - #1D3847 | 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 #1D3847 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% #0F1923	RGB 15 25 35	#0F1923
50.0%	50.0% #12202C	RGB 18 32 44	#12202C
66.7%	66.7% #162735	RGB 22 39 53	#162735
83.3%	83.3% #192F3E	RGB 25 47 62	#192F3E
100.0%	100.0% #1D3847	RGB 29 56 71	#1D3847

#080C12 #0B121A #0F1923 #12202C #162735 #192F3E #1D3847

#080C12 - #12202C - #1D3847

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080C12 0%, #12202C 50%, #1D3847 100%);
    background: -webkit-linear-gradient(top, #080C12 0%, #12202C 50%, #1D3847 100%);
    background: linear-gradient(to bottom, #080C12 0%, #12202C 50%, #1D3847 100%);
}
</style>