#3D4D56 - #111618 | 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 #3D4D56 a #111618

#3D4D56 #111618

Calcule el color entre dos colores, #3D4D56 y #111618. 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)

#3D4D56 - #111618 | 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 #3D4D56 como 0% y #111618 como 100%.

0.0%	0.0% #3D4D56	RGB 61 77 86	#3D4D56
16.7%	16.7% #35434B	RGB 53 67 75	#35434B
33.3%	33.3% #2E3A41	RGB 46 58 65	#2E3A41
50.0%	50.0% #273137	RGB 39 49 55	#273137
66.7%	66.7% #1F282C	RGB 31 40 44	#1F282C
83.3%	83.3% #181F22	RGB 24 31 34	#181F22
100.0%	100.0% #111618	RGB 17 22 24	#111618

#3D4D56 #35434B #2E3A41 #273137 #1F282C #181F22 #111618

#3D4D56 - #111618

Mezcla HSV

#3D4D56 - #111618 | 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 #3D4D56 como 0% y #111618 como 100%.

0.0%	0.0% #3D4D56	RGB 61 77 86	#3D4D56
16.7%	16.7% #35444B	RGB 53 68 75	#35444B
33.3%	33.3% #2E3A41	RGB 46 58 65	#2E3A41
50.0%	50.0% #263137	RGB 38 49 55	#263137
66.7%	66.7% #1F282C	RGB 31 40 44	#1F282C
83.3%	83.3% #181F22	RGB 24 31 34	#181F22
100.0%	100.0% #111618	RGB 17 22 24	#111618

#3D4D56 #35444B #2E3A41 #263137 #1F282C #181F22 #111618

#3D4D56 - #263137 - #111618

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4D56 0%, #263137 50%, #111618 100%);
    background: -webkit-linear-gradient(top, #3D4D56 0%, #263137 50%, #111618 100%);
    background: linear-gradient(to bottom, #3D4D56 0%, #263137 50%, #111618 100%);
}
</style>