#3C4849 - #111414 | 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 #3C4849 a #111414

#3C4849 #111414

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

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

0.0%	0.0% #3C4849	RGB 60 72 73	#3C4849
16.7%	16.7% #343F40	RGB 52 63 64	#343F40
33.3%	33.3% #2D3637	RGB 45 54 55	#2D3637
50.0%	50.0% #262E2E	RGB 38 46 46	#262E2E
66.7%	66.7% #1F2525	RGB 31 37 37	#1F2525
83.3%	83.3% #181C1C	RGB 24 28 28	#181C1C
100.0%	100.0% #111414	RGB 17 20 20	#111414

#3C4849 #343F40 #2D3637 #262E2E #1F2525 #181C1C #111414

#3C4849 - #111414

Mezcla HSV

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

0.0%	0.0% #3C4849	RGB 60 72 73	#3C4849
16.7%	16.7% #353F40	RGB 53 63 64	#353F40
33.3%	33.3% #2D3637	RGB 45 54 55	#2D3637
50.0%	50.0% #262E2E	RGB 38 46 46	#262E2E
66.7%	66.7% #1F2525	RGB 31 37 37	#1F2525
83.3%	83.3% #181C1C	RGB 24 28 28	#181C1C
100.0%	100.0% #111414	RGB 17 20 20	#111414

#3C4849 #353F40 #2D3637 #262E2E #1F2525 #181C1C #111414

#3C4849 - #262E2E - #111414

Códigos CSS

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

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