#3E5A5A - #111919 | 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 #3E5A5A a #111919

#3E5A5A #111919

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

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

0.0%	0.0% #3E5A5A	RGB 62 90 90	#3E5A5A
16.7%	16.7% #364F4F	RGB 54 79 79	#364F4F
33.3%	33.3% #2F4444	RGB 47 68 68	#2F4444
50.0%	50.0% #273939	RGB 39 57 57	#273939
66.7%	66.7% #202E2E	RGB 32 46 46	#202E2E
83.3%	83.3% #182323	RGB 24 35 35	#182323
100.0%	100.0% #111919	RGB 17 25 25	#111919

#3E5A5A #364F4F #2F4444 #273939 #202E2E #182323 #111919

#3E5A5A - #111919

Mezcla HSV

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

0.0%	0.0% #3E5A5A	RGB 62 90 90	#3E5A5A
16.7%	16.7% #364F4F	RGB 54 79 79	#364F4F
33.3%	33.3% #2E4444	RGB 46 68 68	#2E4444
50.0%	50.0% #273939	RGB 39 57 57	#273939
66.7%	66.7% #1F2E2E	RGB 31 46 46	#1F2E2E
83.3%	83.3% #182323	RGB 24 35 35	#182323
100.0%	100.0% #111919	RGB 17 25 25	#111919

#3E5A5A #364F4F #2E4444 #273939 #1F2E2E #182323 #111919

#3E5A5A - #273939 - #111919

Códigos CSS

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

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