#3D4D56 - #171918 | 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 #171918

#3D4D56 #171918

Calcule el color entre dos colores, #3D4D56 y #171918. 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 - #171918 | 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 #171918 como 100%.

0.0%	0.0% #3D4D56	RGB 61 77 86	#3D4D56
16.7%	16.7% #36444B	RGB 54 68 75	#36444B
33.3%	33.3% #303B41	RGB 48 59 65	#303B41
50.0%	50.0% #2A3337	RGB 42 51 55	#2A3337
66.7%	66.7% #232A2C	RGB 35 42 44	#232A2C
83.3%	83.3% #1D2122	RGB 29 33 34	#1D2122
100.0%	100.0% #171918	RGB 23 25 24	#171918

#3D4D56 #36444B #303B41 #2A3337 #232A2C #1D2122 #171918

#3D4D56 - #171918

Mezcla HSV

#3D4D56 - #171918 | 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 #171918 como 100%.

0.0%	0.0% #3D4D56	RGB 61 77 86	#3D4D56
16.7%	16.7% #38474B	RGB 56 71 75	#38474B
33.3%	33.3% #334041	RGB 51 64 65	#334041
50.0%	50.0% #2D3736	RGB 45 55 54	#2D3736
66.7%	66.7% #262D2B	RGB 38 45 43	#262D2B
83.3%	83.3% #1F2321	RGB 31 35 33	#1F2321
100.0%	100.0% #171918	RGB 23 25 24	#171918

#3D4D56 #38474B #334041 #2D3736 #262D2B #1F2321 #171918

#3D4D56 - #2D3736 - #171918

Códigos CSS

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

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