#96873C - #5E4D07 | 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 #96873C a #5E4D07

#96873C #5E4D07

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

#96873C - #5E4D07 | 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 #96873C como 0% y #5E4D07 como 100%.

0.0%	0.0% #96873C	RGB 150 135 60	#96873C
16.7%	16.7% #8C7D33	RGB 140 125 51	#8C7D33
33.3%	33.3% #83732A	RGB 131 115 42	#83732A
50.0%	50.0% #7A6A21	RGB 122 106 33	#7A6A21
66.7%	66.7% #706018	RGB 112 96 24	#706018
83.3%	83.3% #67560F	RGB 103 86 15	#67560F
100.0%	100.0% #5E4D07	RGB 94 77 7	#5E4D07

#96873C #8C7D33 #83732A #7A6A21 #706018 #67560F #5E4D07

#96873C - #5E4D07

Mezcla HSV

#96873C - #5E4D07 | 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 #96873C como 0% y #5E4D07 como 100%.

0.0%	0.0% #96873C	RGB 150 135 60	#96873C
16.7%	16.7% #8C7C30	RGB 140 124 48	#8C7C30
33.3%	33.3% #837226	RGB 131 114 38	#837226
50.0%	50.0% #7A691C	RGB 122 105 28	#7A691C
66.7%	66.7% #705F14	RGB 112 95 20	#705F14
83.3%	83.3% #67560D	RGB 103 86 13	#67560D
100.0%	100.0% #5E4D07	RGB 94 77 7	#5E4D07

#96873C #8C7C30 #837226 #7A691C #705F14 #67560D #5E4D07

#96873C - #7A691C - #5E4D07

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96873C 0%, #7A691C 50%, #5E4D07 100%);
    background: -webkit-linear-gradient(top, #96873C 0%, #7A691C 50%, #5E4D07 100%);
    background: linear-gradient(to bottom, #96873C 0%, #7A691C 50%, #5E4D07 100%);
}
</style>