#1A2E39 - #000F02 | 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 #1A2E39 a #000F02

#1A2E39 #000F02

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

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

0.0%	0.0% #1A2E39	RGB 26 46 57	#1A2E39
16.7%	16.7% #15282F	RGB 21 40 47	#15282F
33.3%	33.3% #112326	RGB 17 35 38	#112326
50.0%	50.0% #0D1E1D	RGB 13 30 29	#0D1E1D
66.7%	66.7% #081914	RGB 8 25 20	#081914
83.3%	83.3% #04140B	RGB 4 20 11	#04140B
100.0%	100.0% #000F02	RGB 0 15 2	#000F02

#1A2E39 #15282F #112326 #0D1E1D #081914 #04140B #000F02

#1A2E39 - #000F02

Mezcla HSV

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

0.0%	0.0% #1A2E39	RGB 26 46 57	#1A2E39
16.7%	16.7% #132D32	RGB 19 45 50	#132D32
33.3%	33.3% #0D2B29	RGB 13 43 41	#0D2B29
50.0%	50.0% #08241C	RGB 8 36 28	#08241C
66.7%	66.7% #041D11	RGB 4 29 17	#041D11
83.3%	83.3% #011608	RGB 1 22 8	#011608
100.0%	100.0% #000F02	RGB 0 15 2	#000F02

#1A2E39 #132D32 #0D2B29 #08241C #041D11 #011608 #000F02

#1A2E39 - #08241C - #000F02

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A2E39 0%, #08241C 50%, #000F02 100%);
    background: -webkit-linear-gradient(top, #1A2E39 0%, #08241C 50%, #000F02 100%);
    background: linear-gradient(to bottom, #1A2E39 0%, #08241C 50%, #000F02 100%);
}
</style>