#8A8D1D - #5E4900 | 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 #8A8D1D a #5E4900

#8A8D1D #5E4900

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

#8A8D1D - #5E4900 | 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 #8A8D1D como 0% y #5E4900 como 100%.

0.0%	0.0% #8A8D1D	RGB 138 141 29	#8A8D1D
16.7%	16.7% #828118	RGB 130 129 24	#828118
33.3%	33.3% #7B7613	RGB 123 118 19	#7B7613
50.0%	50.0% #746B0E	RGB 116 107 14	#746B0E
66.7%	66.7% #6C5F09	RGB 108 95 9	#6C5F09
83.3%	83.3% #655404	RGB 101 84 4	#655404
100.0%	100.0% #5E4900	RGB 94 73 0	#5E4900

#8A8D1D #828118 #7B7613 #746B0E #6C5F09 #655404 #5E4900

#8A8D1D - #5E4900

Mezcla HSV

#8A8D1D - #5E4900 | 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 #8A8D1D como 0% y #5E4900 como 100%.

0.0%	0.0% #8A8D1D	RGB 138 141 29	#8A8D1D
16.7%	16.7% #858316	RGB 133 131 22	#858316
33.3%	33.3% #7D7711	RGB 125 119 17	#7D7711
50.0%	50.0% #756B0C	RGB 117 107 12	#756B0C
66.7%	66.7% #6D5F07	RGB 109 95 7	#6D5F07
83.3%	83.3% #655303	RGB 101 83 3	#655303
100.0%	100.0% #5E4900	RGB 94 73 0	#5E4900

#8A8D1D #858316 #7D7711 #756B0C #6D5F07 #655303 #5E4900

#8A8D1D - #756B0C - #5E4900

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8D1D 0%, #756B0C 50%, #5E4900 100%);
    background: -webkit-linear-gradient(top, #8A8D1D 0%, #756B0C 50%, #5E4900 100%);
    background: linear-gradient(to bottom, #8A8D1D 0%, #756B0C 50%, #5E4900 100%);
}
</style>