#000E15 - #B6BABC | 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 #000E15 a #B6BABC

#000E15 #B6BABC

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

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

0.0%	0.0% #000E15	RGB 0 14 21	#000E15
16.7%	16.7% #1E2A30	RGB 30 42 48	#1E2A30
33.3%	33.3% #3C474C	RGB 60 71 76	#3C474C
50.0%	50.0% #5B6468	RGB 91 100 104	#5B6468
66.7%	66.7% #798084	RGB 121 128 132	#798084
83.3%	83.3% #979DA0	RGB 151 157 160	#979DA0
100.0%	100.0% #B6BABC	RGB 182 186 188	#B6BABC

#000E15 #1E2A30 #3C474C #5B6468 #798084 #979DA0 #B6BABC

#000E15 - #B6BABC

Mezcla HSV

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

0.0%	0.0% #000E15	RGB 0 14 21	#000E15
16.7%	16.7% #072330	RGB 7 35 48	#072330
33.3%	33.3% #183B4C	RGB 24 59 76	#183B4C
50.0%	50.0% #325668	RGB 50 86 104	#325668
66.7%	66.7% #557484	RGB 85 116 132	#557484
83.3%	83.3% #8195A0	RGB 129 149 160	#8195A0
100.0%	100.0% #B6BABC	RGB 182 186 188	#B6BABC

#000E15 #072330 #183B4C #325668 #557484 #8195A0 #B6BABC

#000E15 - #325668 - #B6BABC

Códigos CSS

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

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