#7B6B5A - #5E3713 | 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 #7B6B5A a #5E3713

#7B6B5A #5E3713

Calcule el color entre dos colores, #7B6B5A y #5E3713. 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)

#7B6B5A - #5E3713 | 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 #7B6B5A como 0% y #5E3713 como 100%.

0.0%	0.0% #7B6B5A	RGB 123 107 90	#7B6B5A
16.7%	16.7% #76624E	RGB 118 98 78	#76624E
33.3%	33.3% #715942	RGB 113 89 66	#715942
50.0%	50.0% #6C5136	RGB 108 81 54	#6C5136
66.7%	66.7% #67482A	RGB 103 72 42	#67482A
83.3%	83.3% #623F1E	RGB 98 63 30	#623F1E
100.0%	100.0% #5E3713	RGB 94 55 19	#5E3713

#7B6B5A #76624E #715942 #6C5136 #67482A #623F1E #5E3713

#7B6B5A - #5E3713

Mezcla HSV

#7B6B5A - #5E3713 | 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 #7B6B5A como 0% y #5E3713 como 100%.

0.0%	0.0% #7B6B5A	RGB 123 107 90	#7B6B5A
16.7%	16.7% #76614C	RGB 118 97 76	#76614C
33.3%	33.3% #71583E	RGB 113 88 62	#71583E
50.0%	50.0% #6C4F32	RGB 108 79 50	#6C4F32
66.7%	66.7% #674627	RGB 103 70 39	#674627
83.3%	83.3% #623E1C	RGB 98 62 28	#623E1C
100.0%	100.0% #5E3713	RGB 94 55 19	#5E3713

#7B6B5A #76614C #71583E #6C4F32 #674627 #623E1C #5E3713

#7B6B5A - #6C4F32 - #5E3713

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B6B5A 0%, #6C4F32 50%, #5E3713 100%);
    background: -webkit-linear-gradient(top, #7B6B5A 0%, #6C4F32 50%, #5E3713 100%);
    background: linear-gradient(to bottom, #7B6B5A 0%, #6C4F32 50%, #5E3713 100%);
}
</style>