#83837D - #5E4F29 | 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 #83837D a #5E4F29

#83837D #5E4F29

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

#83837D - #5E4F29 | 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 #83837D como 0% y #5E4F29 como 100%.

0.0%	0.0% #83837D	RGB 131 131 125	#83837D
16.7%	16.7% #7C7A6F	RGB 124 122 111	#7C7A6F
33.3%	33.3% #767161	RGB 118 113 97	#767161
50.0%	50.0% #706953	RGB 112 105 83	#706953
66.7%	66.7% #6A6045	RGB 106 96 69	#6A6045
83.3%	83.3% #645737	RGB 100 87 55	#645737
100.0%	100.0% #5E4F29	RGB 94 79 41	#5E4F29

#83837D #7C7A6F #767161 #706953 #6A6045 #645737 #5E4F29

#83837D - #5E4F29

Mezcla HSV

#83837D - #5E4F29 | 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 #83837D como 0% y #5E4F29 como 100%.

0.0%	0.0% #83837D	RGB 131 131 125	#83837D
16.7%	16.7% #7C7C6C	RGB 124 124 108	#7C7C6C
33.3%	33.3% #76745C	RGB 118 116 92	#76745C
50.0%	50.0% #706B4E	RGB 112 107 78	#706B4E
66.7%	66.7% #6A6240	RGB 106 98 64	#6A6240
83.3%	83.3% #645834	RGB 100 88 52	#645834
100.0%	100.0% #5E4F29	RGB 94 79 41	#5E4F29

#83837D #7C7C6C #76745C #706B4E #6A6240 #645834 #5E4F29

#83837D - #706B4E - #5E4F29

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83837D 0%, #706B4E 50%, #5E4F29 100%);
    background: -webkit-linear-gradient(top, #83837D 0%, #706B4E 50%, #5E4F29 100%);
    background: linear-gradient(to bottom, #83837D 0%, #706B4E 50%, #5E4F29 100%);
}
</style>