#3C3E3C - #033F14 | 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 #3C3E3C a #033F14

#3C3E3C #033F14

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

#3C3E3C - #033F14 | 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 #3C3E3C como 0% y #033F14 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #323E35	RGB 50 62 53	#323E35
33.3%	33.3% #293E2E	RGB 41 62 46	#293E2E
50.0%	50.0% #1F3E28	RGB 31 62 40	#1F3E28
66.7%	66.7% #163E21	RGB 22 62 33	#163E21
83.3%	83.3% #0C3E1A	RGB 12 62 26	#0C3E1A
100.0%	100.0% #033F14	RGB 3 63 20	#033F14

#3C3E3C #323E35 #293E2E #1F3E28 #163E21 #0C3E1A #033F14

#3C3E3C - #033F14

Mezcla HSV

#3C3E3C - #033F14 | 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 #3C3E3C como 0% y #033F14 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #323E33	RGB 50 62 51	#323E33
33.3%	33.3% #293E2B	RGB 41 62 43	#293E2B
50.0%	50.0% #1F3E24	RGB 31 62 36	#1F3E24
66.7%	66.7% #163E1D	RGB 22 62 29	#163E1D
83.3%	83.3% #0C3E18	RGB 12 62 24	#0C3E18
100.0%	100.0% #033F14	RGB 3 63 20	#033F14

#3C3E3C #323E33 #293E2B #1F3E24 #163E1D #0C3E18 #033F14

#3C3E3C - #1F3E24 - #033F14

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3C 0%, #1F3E24 50%, #033F14 100%);
    background: -webkit-linear-gradient(top, #3C3E3C 0%, #1F3E24 50%, #033F14 100%);
    background: linear-gradient(to bottom, #3C3E3C 0%, #1F3E24 50%, #033F14 100%);
}
</style>