#676864 - #343F14 | 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 #676864 a #343F14

#676864 #343F14

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

#676864 - #343F14 | 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 #676864 como 0% y #343F14 como 100%.

0.0%	0.0% #676864	RGB 103 104 100	#676864
16.7%	16.7% #5E6156	RGB 94 97 86	#5E6156
33.3%	33.3% #565A49	RGB 86 90 73	#565A49
50.0%	50.0% #4D533C	RGB 77 83 60	#4D533C
66.7%	66.7% #454C2E	RGB 69 76 46	#454C2E
83.3%	83.3% #3C4521	RGB 60 69 33	#3C4521
100.0%	100.0% #343F14	RGB 52 63 20	#343F14

#676864 #5E6156 #565A49 #4D533C #454C2E #3C4521 #343F14

#676864 - #343F14

Mezcla HSV

#676864 - #343F14 | 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 #676864 como 0% y #343F14 como 100%.

0.0%	0.0% #676864	RGB 103 104 100	#676864
16.7%	16.7% #5D6152	RGB 93 97 82	#5D6152
33.3%	33.3% #545A43	RGB 84 90 67	#545A43
50.0%	50.0% #4B5335	RGB 75 83 53	#4B5335
66.7%	66.7% #434C28	RGB 67 76 40	#434C28
83.3%	83.3% #3B451D	RGB 59 69 29	#3B451D
100.0%	100.0% #343F14	RGB 52 63 20	#343F14

#676864 #5D6152 #545A43 #4B5335 #434C28 #3B451D #343F14

#676864 - #4B5335 - #343F14

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #676864 0%, #4B5335 50%, #343F14 100%);
    background: -webkit-linear-gradient(top, #676864 0%, #4B5335 50%, #343F14 100%);
    background: linear-gradient(to bottom, #676864 0%, #4B5335 50%, #343F14 100%);
}
</style>