#080912 - #173142 | 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 #080912 a #173142

#080912 #173142

Calcule el color entre dos colores, #080912 y #173142. 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)

#080912 - #173142 | 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 #080912 como 0% y #173142 como 100%.

0.0%	0.0% #080912	RGB 8 9 18	#080912
16.7%	16.7% #0A0F1A	RGB 10 15 26	#0A0F1A
33.3%	33.3% #0D1622	RGB 13 22 34	#0D1622
50.0%	50.0% #0F1D2A	RGB 15 29 42	#0F1D2A
66.7%	66.7% #122332	RGB 18 35 50	#122332
83.3%	83.3% #142A3A	RGB 20 42 58	#142A3A
100.0%	100.0% #173142	RGB 23 49 66	#173142

#080912 #0A0F1A #0D1622 #0F1D2A #122332 #142A3A #173142

#080912 - #173142

Mezcla HSV

#080912 - #173142 | 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 #080912 como 0% y #173142 como 100%.

0.0%	0.0% #080912	RGB 8 9 18	#080912
16.7%	16.7% #0B0D1A	RGB 11 13 26	#0B0D1A
33.3%	33.3% #0E1322	RGB 14 19 34	#0E1322
50.0%	50.0% #10192A	RGB 16 25 42	#10192A
66.7%	66.7% #132032	RGB 19 32 50	#132032
83.3%	83.3% #15283A	RGB 21 40 58	#15283A
100.0%	100.0% #173142	RGB 23 49 66	#173142

#080912 #0B0D1A #0E1322 #10192A #132032 #15283A #173142

#080912 - #10192A - #173142

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080912 0%, #10192A 50%, #173142 100%);
    background: -webkit-linear-gradient(top, #080912 0%, #10192A 50%, #173142 100%);
    background: linear-gradient(to bottom, #080912 0%, #10192A 50%, #173142 100%);
}
</style>