#6B6E5A - #1E1F19 | 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 #6B6E5A a #1E1F19

#6B6E5A #1E1F19

Calcule el color entre dos colores, #6B6E5A y #1E1F19. 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)

#6B6E5A - #1E1F19 | 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 #6B6E5A como 0% y #1E1F19 como 100%.

0.0%	0.0% #6B6E5A	RGB 107 110 90	#6B6E5A
16.7%	16.7% #5E604F	RGB 94 96 79	#5E604F
33.3%	33.3% #515344	RGB 81 83 68	#515344
50.0%	50.0% #444639	RGB 68 70 57	#444639
66.7%	66.7% #37392E	RGB 55 57 46	#37392E
83.3%	83.3% #2A2C23	RGB 42 44 35	#2A2C23
100.0%	100.0% #1E1F19	RGB 30 31 25	#1E1F19

#6B6E5A #5E604F #515344 #444639 #37392E #2A2C23 #1E1F19

#6B6E5A - #1E1F19

Mezcla HSV

#6B6E5A - #1E1F19 | 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 #6B6E5A como 0% y #1E1F19 como 100%.

0.0%	0.0% #6B6E5A	RGB 107 110 90	#6B6E5A
16.7%	16.7% #5E604F	RGB 94 96 79	#5E604F
33.3%	33.3% #515344	RGB 81 83 68	#515344
50.0%	50.0% #444639	RGB 68 70 57	#444639
66.7%	66.7% #37392E	RGB 55 57 46	#37392E
83.3%	83.3% #2A2C23	RGB 42 44 35	#2A2C23
100.0%	100.0% #1E1F19	RGB 30 31 25	#1E1F19

#6B6E5A #5E604F #515344 #444639 #37392E #2A2C23 #1E1F19

#6B6E5A - #444639 - #1E1F19

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B6E5A 0%, #444639 50%, #1E1F19 100%);
    background: -webkit-linear-gradient(top, #6B6E5A 0%, #444639 50%, #1E1F19 100%);
    background: linear-gradient(to bottom, #6B6E5A 0%, #444639 50%, #1E1F19 100%);
}
</style>