#12141C - #050508 | 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 #12141C a #050508

#12141C #050508

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

#12141C - #050508 | 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 #12141C como 0% y #050508 como 100%.

0.0%	0.0% #12141C	RGB 18 20 28	#12141C
16.7%	16.7% #0F1118	RGB 15 17 24	#0F1118
33.3%	33.3% #0D0F15	RGB 13 15 21	#0D0F15
50.0%	50.0% #0B0C12	RGB 11 12 18	#0B0C12
66.7%	66.7% #090A0E	RGB 9 10 14	#090A0E
83.3%	83.3% #07070B	RGB 7 7 11	#07070B
100.0%	100.0% #050508	RGB 5 5 8	#050508

#12141C #0F1118 #0D0F15 #0B0C12 #090A0E #07070B #050508

#12141C - #050508

Mezcla HSV

#12141C - #050508 | 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 #12141C como 0% y #050508 como 100%.

0.0%	0.0% #12141C	RGB 18 20 28	#12141C
16.7%	16.7% #0F1118	RGB 15 17 24	#0F1118
33.3%	33.3% #0D0E15	RGB 13 14 21	#0D0E15
50.0%	50.0% #0B0C12	RGB 11 12 18	#0B0C12
66.7%	66.7% #09090E	RGB 9 9 14	#09090E
83.3%	83.3% #07070B	RGB 7 7 11	#07070B
100.0%	100.0% #050508	RGB 5 5 8	#050508

#12141C #0F1118 #0D0E15 #0B0C12 #09090E #07070B #050508

#12141C - #0B0C12 - #050508

Códigos CSS

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

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