#3E3E3E - #024A1A | 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 #3E3E3E a #024A1A

#3E3E3E #024A1A

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

#3E3E3E - #024A1A | 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 #3E3E3E como 0% y #024A1A como 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #344038	RGB 52 64 56	#344038
33.3%	33.3% #2A4232	RGB 42 66 50	#2A4232
50.0%	50.0% #20442C	RGB 32 68 44	#20442C
66.7%	66.7% #164626	RGB 22 70 38	#164626
83.3%	83.3% #0C4820	RGB 12 72 32	#0C4820
100.0%	100.0% #024A1A	RGB 2 74 26	#024A1A

#3E3E3E #344038 #2A4232 #20442C #164626 #0C4820 #024A1A

#3E3E3E - #024A1A

Mezcla HSV

#3E3E3E - #024A1A | 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 #3E3E3E como 0% y #024A1A como 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #403935	RGB 64 57 53	#403935
33.3%	33.3% #423D2C	RGB 66 61 44	#423D2C
50.0%	50.0% #3E4422	RGB 62 68 34	#3E4422
66.7%	66.7% #2C4618	RGB 44 70 24	#2C4618
83.3%	83.3% #10480D	RGB 16 72 13	#10480D
100.0%	100.0% #024A1A	RGB 2 74 26	#024A1A

#3E3E3E #403935 #423D2C #3E4422 #2C4618 #10480D #024A1A

#3E3E3E - #3E4422 - #024A1A

Códigos CSS

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

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