#84736C - #6B381D | 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 #84736C a #6B381D

#84736C #6B381D

Calcule el color entre dos colores, #84736C y #6B381D. 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)

#84736C - #6B381D | 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 #84736C como 0% y #6B381D como 100%.

0.0%	0.0% #84736C	RGB 132 115 108	#84736C
16.7%	16.7% #7F695E	RGB 127 105 94	#7F695E
33.3%	33.3% #7B5F51	RGB 123 95 81	#7B5F51
50.0%	50.0% #775544	RGB 119 85 68	#775544
66.7%	66.7% #734B37	RGB 115 75 55	#734B37
83.3%	83.3% #6F412A	RGB 111 65 42	#6F412A
100.0%	100.0% #6B381D	RGB 107 56 29	#6B381D

#84736C #7F695E #7B5F51 #775544 #734B37 #6F412A #6B381D

#84736C - #6B381D

Mezcla HSV

#84736C - #6B381D | 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 #84736C como 0% y #6B381D como 100%.

0.0%	0.0% #84736C	RGB 132 115 108	#84736C
16.7%	16.7% #7F675C	RGB 127 103 92	#7F675C
33.3%	33.3% #7B5C4E	RGB 123 92 78	#7B5C4E
50.0%	50.0% #775241	RGB 119 82 65	#775241
66.7%	66.7% #734834	RGB 115 72 52	#734834
83.3%	83.3% #6F4028	RGB 111 64 40	#6F4028
100.0%	100.0% #6B381D	RGB 107 56 29	#6B381D

#84736C #7F675C #7B5C4E #775241 #734834 #6F4028 #6B381D

#84736C - #775241 - #6B381D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84736C 0%, #775241 50%, #6B381D 100%);
    background: -webkit-linear-gradient(top, #84736C 0%, #775241 50%, #6B381D 100%);
    background: linear-gradient(to bottom, #84736C 0%, #775241 50%, #6B381D 100%);
}
</style>