#0A0B16 - #1D3446 | 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 #0A0B16 a #1D3446

#0A0B16 #1D3446

Calcule el color entre dos colores, #0A0B16 y #1D3446. 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)

#0A0B16 - #1D3446 | 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 #0A0B16 como 0% y #1D3446 como 100%.

0.0%	0.0% #0A0B16	RGB 10 11 22	#0A0B16
16.7%	16.7% #0D111E	RGB 13 17 30	#0D111E
33.3%	33.3% #101826	RGB 16 24 38	#101826
50.0%	50.0% #131F2E	RGB 19 31 46	#131F2E
66.7%	66.7% #162636	RGB 22 38 54	#162636
83.3%	83.3% #192D3E	RGB 25 45 62	#192D3E
100.0%	100.0% #1D3446	RGB 29 52 70	#1D3446

#0A0B16 #0D111E #101826 #131F2E #162636 #192D3E #1D3446

#0A0B16 - #1D3446

Mezcla HSV

#0A0B16 - #1D3446 | 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 #0A0B16 como 0% y #1D3446 como 100%.

0.0%	0.0% #0A0A16	RGB 10 10 22	#0A0A16
16.7%	16.7% #0D101E	RGB 13 16 30	#0D101E
33.3%	33.3% #101526	RGB 16 21 38	#101526
50.0%	50.0% #131C2E	RGB 19 28 46	#131C2E
66.7%	66.7% #172336	RGB 23 35 54	#172336
83.3%	83.3% #1A2B3E	RGB 26 43 62	#1A2B3E
100.0%	100.0% #1D3446	RGB 29 52 70	#1D3446

#0A0A16 #0D101E #101526 #131C2E #172336 #1A2B3E #1D3446

#0A0B16 - #131C2E - #1D3446

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0A0A16 0%, #131C2E 50%, #1D3446 100%);
    background: -webkit-linear-gradient(top, #0A0A16 0%, #131C2E 50%, #1D3446 100%);
    background: linear-gradient(to bottom, #0A0A16 0%, #131C2E 50%, #1D3446 100%);
}
</style>