#1A283B - #070C0C | 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 #1A283B a #070C0C

#1A283B #070C0C

Calcule el color entre dos colores, #1A283B y #070C0C. 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)

#1A283B - #070C0C | 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 #1A283B como 0% y #070C0C como 100%.

0.0%	0.0% #1A283B	RGB 26 40 59	#1A283B
16.7%	16.7% #162333	RGB 22 35 51	#162333
33.3%	33.3% #131E2B	RGB 19 30 43	#131E2B
50.0%	50.0% #101A23	RGB 16 26 35	#101A23
66.7%	66.7% #0D151B	RGB 13 21 27	#0D151B
83.3%	83.3% #0A1013	RGB 10 16 19	#0A1013
100.0%	100.0% #070C0C	RGB 7 12 12	#070C0C

#1A283B #162333 #131E2B #101A23 #0D151B #0A1013 #070C0C

#1A283B - #070C0C

Mezcla HSV

#1A283B - #070C0C | 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 #1A283B como 0% y #070C0C como 100%.

0.0%	0.0% #1A283B	RGB 26 40 59	#1A283B
16.7%	16.7% #172633	RGB 23 38 51	#172633
33.3%	33.3% #15222B	RGB 21 34 43	#15222B
50.0%	50.0% #121E23	RGB 18 30 35	#121E23
66.7%	66.7% #0E191B	RGB 14 25 27	#0E191B
83.3%	83.3% #0B1213	RGB 11 18 19	#0B1213
100.0%	100.0% #070C0C	RGB 7 12 12	#070C0C

#1A283B #172633 #15222B #121E23 #0E191B #0B1213 #070C0C

#1A283B - #121E23 - #070C0C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A283B 0%, #121E23 50%, #070C0C 100%);
    background: -webkit-linear-gradient(top, #1A283B 0%, #121E23 50%, #070C0C 100%);
    background: linear-gradient(to bottom, #1A283B 0%, #121E23 50%, #070C0C 100%);
}
</style>