#6A5E62 - #1E1A1B | 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 #6A5E62 a #1E1A1B

#6A5E62 #1E1A1B

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

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

0.0%	0.0% #6A5E62	RGB 106 94 98	#6A5E62
16.7%	16.7% #5D5256	RGB 93 82 86	#5D5256
33.3%	33.3% #50474A	RGB 80 71 74	#50474A
50.0%	50.0% #443C3E	RGB 68 60 62	#443C3E
66.7%	66.7% #373032	RGB 55 48 50	#373032
83.3%	83.3% #2A2526	RGB 42 37 38	#2A2526
100.0%	100.0% #1E1A1B	RGB 30 26 27	#1E1A1B

#6A5E62 #5D5256 #50474A #443C3E #373032 #2A2526 #1E1A1B

#6A5E62 - #1E1A1B

Mezcla HSV

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

0.0%	0.0% #6A5E62	RGB 106 94 98	#6A5E62
16.7%	16.7% #5D5255	RGB 93 82 85	#5D5255
33.3%	33.3% #504649	RGB 80 70 73	#504649
50.0%	50.0% #443B3E	RGB 68 59 62	#443B3E
66.7%	66.7% #373032	RGB 55 48 50	#373032
83.3%	83.3% #2A2526	RGB 42 37 38	#2A2526
100.0%	100.0% #1E1A1B	RGB 30 26 27	#1E1A1B

#6A5E62 #5D5255 #504649 #443B3E #373032 #2A2526 #1E1A1B

#6A5E62 - #443B3E - #1E1A1B

Códigos CSS

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

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