#8A9600 - #262A00 | 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 #8A9600 a #262A00

#8A9600 #262A00

Calcule el color entre dos colores, #8A9600 y #262A00. 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)

#8A9600 - #262A00 | 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 #8A9600 como 0% y #262A00 como 100%.

0.0%	0.0% #8A9600	RGB 138 150 0	#8A9600
16.7%	16.7% #798400	RGB 121 132 0	#798400
33.3%	33.3% #687200	RGB 104 114 0	#687200
50.0%	50.0% #586000	RGB 88 96 0	#586000
66.7%	66.7% #474E00	RGB 71 78 0	#474E00
83.3%	83.3% #363C00	RGB 54 60 0	#363C00
100.0%	100.0% #262A00	RGB 38 42 0	#262A00

#8A9600 #798400 #687200 #586000 #474E00 #363C00 #262A00

#8A9600 - #262A00

Mezcla HSV

#8A9600 - #262A00 | 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 #8A9600 como 0% y #262A00 como 100%.

0.0%	0.0% #8A9600	RGB 138 150 0	#8A9600
16.7%	16.7% #798400	RGB 121 132 0	#798400
33.3%	33.3% #687200	RGB 104 114 0	#687200
50.0%	50.0% #576000	RGB 87 96 0	#576000
66.7%	66.7% #464E00	RGB 70 78 0	#464E00
83.3%	83.3% #363C00	RGB 54 60 0	#363C00
100.0%	100.0% #262A00	RGB 38 42 0	#262A00

#8A9600 #798400 #687200 #576000 #464E00 #363C00 #262A00

#8A9600 - #576000 - #262A00

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A9600 0%, #576000 50%, #262A00 100%);
    background: -webkit-linear-gradient(top, #8A9600 0%, #576000 50%, #262A00 100%);
    background: linear-gradient(to bottom, #8A9600 0%, #576000 50%, #262A00 100%);
}
</style>