#686A5E - #1D1E1A | 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 #686A5E a #1D1E1A

#686A5E #1D1E1A

Calcule el color entre dos colores, #686A5E y #1D1E1A. 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)

#686A5E - #1D1E1A | 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 #686A5E como 0% y #1D1E1A como 100%.

0.0%	0.0% #686A5E	RGB 104 106 94	#686A5E
16.7%	16.7% #5B5D52	RGB 91 93 82	#5B5D52
33.3%	33.3% #4F5047	RGB 79 80 71	#4F5047
50.0%	50.0% #42443C	RGB 66 68 60	#42443C
66.7%	66.7% #363730	RGB 54 55 48	#363730
83.3%	83.3% #292A25	RGB 41 42 37	#292A25
100.0%	100.0% #1D1E1A	RGB 29 30 26	#1D1E1A

#686A5E #5B5D52 #4F5047 #42443C #363730 #292A25 #1D1E1A

#686A5E - #1D1E1A

Mezcla HSV

#686A5E - #1D1E1A | 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 #686A5E como 0% y #1D1E1A como 100%.

0.0%	0.0% #686A5E	RGB 104 106 94	#686A5E
16.7%	16.7% #5B5D52	RGB 91 93 82	#5B5D52
33.3%	33.3% #4E5046	RGB 78 80 70	#4E5046
50.0%	50.0% #42443B	RGB 66 68 59	#42443B
66.7%	66.7% #353730	RGB 53 55 48	#353730
83.3%	83.3% #292A25	RGB 41 42 37	#292A25
100.0%	100.0% #1D1E1A	RGB 29 30 26	#1D1E1A

#686A5E #5B5D52 #4E5046 #42443B #353730 #292A25 #1D1E1A

#686A5E - #42443B - #1D1E1A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #686A5E 0%, #42443B 50%, #1D1E1A 100%);
    background: -webkit-linear-gradient(top, #686A5E 0%, #42443B 50%, #1D1E1A 100%);
    background: linear-gradient(to bottom, #686A5E 0%, #42443B 50%, #1D1E1A 100%);
}
</style>