#18162B - #06060C | 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 #18162B a #06060C

#18162B #06060C

Calcule el color entre dos colores, #18162B y #06060C. 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)

#18162B - #06060C | 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 #18162B como 0% y #06060C como 100%.

0.0%	0.0% #18162B	RGB 24 22 43	#18162B
16.7%	16.7% #151325	RGB 21 19 37	#151325
33.3%	33.3% #121020	RGB 18 16 32	#121020
50.0%	50.0% #0F0E1B	RGB 15 14 27	#0F0E1B
66.7%	66.7% #0C0B16	RGB 12 11 22	#0C0B16
83.3%	83.3% #090811	RGB 9 8 17	#090811
100.0%	100.0% #06060C	RGB 6 6 12	#06060C

#18162B #151325 #121020 #0F0E1B #0C0B16 #090811 #06060C

#18162B - #06060C

Mezcla HSV

#18162B - #06060C | 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 #18162B como 0% y #06060C como 100%.

0.0%	0.0% #18162B	RGB 24 22 43	#18162B
16.7%	16.7% #141325	RGB 20 19 37	#141325
33.3%	33.3% #111020	RGB 17 16 32	#111020
50.0%	50.0% #0E0D1B	RGB 14 13 27	#0E0D1B
66.7%	66.7% #0B0B16	RGB 11 11 22	#0B0B16
83.3%	83.3% #080811	RGB 8 8 17	#080811
100.0%	100.0% #06060C	RGB 6 6 12	#06060C

#18162B #141325 #111020 #0E0D1B #0B0B16 #080811 #06060C

#18162B - #0E0D1B - #06060C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #18162B 0%, #0E0D1B 50%, #06060C 100%);
    background: -webkit-linear-gradient(top, #18162B 0%, #0E0D1B 50%, #06060C 100%);
    background: linear-gradient(to bottom, #18162B 0%, #0E0D1B 50%, #06060C 100%);
}
</style>