#3D3E56 - #111118 | 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 #3D3E56 a #111118

#3D3E56 #111118

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

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

0.0%	0.0% #3D3E56	RGB 61 62 86	#3D3E56
16.7%	16.7% #35364B	RGB 53 54 75	#35364B
33.3%	33.3% #2E2F41	RGB 46 47 65	#2E2F41
50.0%	50.0% #272737	RGB 39 39 55	#272737
66.7%	66.7% #1F202C	RGB 31 32 44	#1F202C
83.3%	83.3% #181822	RGB 24 24 34	#181822
100.0%	100.0% #111118	RGB 17 17 24	#111118

#3D3E56 #35364B #2E2F41 #272737 #1F202C #181822 #111118

#3D3E56 - #111118

Mezcla HSV

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

0.0%	0.0% #3D3E56	RGB 61 62 86	#3D3E56
16.7%	16.7% #35364B	RGB 53 54 75	#35364B
33.3%	33.3% #2E2E41	RGB 46 46 65	#2E2E41
50.0%	50.0% #262737	RGB 38 39 55	#262737
66.7%	66.7% #1F1F2C	RGB 31 31 44	#1F1F2C
83.3%	83.3% #181822	RGB 24 24 34	#181822
100.0%	100.0% #111118	RGB 17 17 24	#111118

#3D3E56 #35364B #2E2E41 #262737 #1F1F2C #181822 #111118

#3D3E56 - #262737 - #111118

Códigos CSS

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

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