#181822 - #000C0D | 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 #181822 a #000C0D

#181822 #000C0D

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

#181822 - #000C0D | 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 #181822 como 0% y #000C0D como 100%.

0.0%	0.0% #181822	RGB 24 24 34	#181822
16.7%	16.7% #14161E	RGB 20 22 30	#14161E
33.3%	33.3% #10141B	RGB 16 20 27	#10141B
50.0%	50.0% #0C1217	RGB 12 18 23	#0C1217
66.7%	66.7% #081014	RGB 8 16 20	#081014
83.3%	83.3% #040E10	RGB 4 14 16	#040E10
100.0%	100.0% #000C0D	RGB 0 12 13	#000C0D

#181822 #14161E #10141B #0C1217 #081014 #040E10 #000C0D

#181822 - #000C0D

Mezcla HSV

#181822 - #000C0D | 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 #181822 como 0% y #000C0D como 100%.

0.0%	0.0% #181822	RGB 24 24 34	#181822
16.7%	16.7% #11131E	RGB 17 19 30	#11131E
33.3%	33.3% #0C111B	RGB 12 17 27	#0C111B
50.0%	50.0% #080F17	RGB 8 15 23	#080F17
66.7%	66.7% #040E14	RGB 4 14 20	#040E14
83.3%	83.3% #010D10	RGB 1 13 16	#010D10
100.0%	100.0% #000C0D	RGB 0 12 13	#000C0D

#181822 #11131E #0C111B #080F17 #040E14 #010D10 #000C0D

#181822 - #080F17 - #000C0D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #181822 0%, #080F17 50%, #000C0D 100%);
    background: -webkit-linear-gradient(top, #181822 0%, #080F17 50%, #000C0D 100%);
    background: linear-gradient(to bottom, #181822 0%, #080F17 50%, #000C0D 100%);
}
</style>