#A19D00 - #6F5800 | 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 #A19D00 a #6F5800

#A19D00 #6F5800

Calcule el color entre dos colores, #A19D00 y #6F5800. 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)

#A19D00 - #6F5800 | 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 #A19D00 como 0% y #6F5800 como 100%.

0.0%	0.0% #A19D00	RGB 161 157 0	#A19D00
16.7%	16.7% #989100	RGB 152 145 0	#989100
33.3%	33.3% #908600	RGB 144 134 0	#908600
50.0%	50.0% #887A00	RGB 136 122 0	#887A00
66.7%	66.7% #7F6F00	RGB 127 111 0	#7F6F00
83.3%	83.3% #776300	RGB 119 99 0	#776300
100.0%	100.0% #6F5800	RGB 111 88 0	#6F5800

#A19D00 #989100 #908600 #887A00 #7F6F00 #776300 #6F5800

#A19D00 - #6F5800

Mezcla HSV

#A19D00 - #6F5800 | 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 #A19D00 como 0% y #6F5800 como 100%.

0.0%	0.0% #A19D00	RGB 161 157 0	#A19D00
16.7%	16.7% #989000	RGB 152 144 0	#989000
33.3%	33.3% #908300	RGB 144 131 0	#908300
50.0%	50.0% #887800	RGB 136 120 0	#887800
66.7%	66.7% #7F6C00	RGB 127 108 0	#7F6C00
83.3%	83.3% #776200	RGB 119 98 0	#776200
100.0%	100.0% #6F5800	RGB 111 88 0	#6F5800

#A19D00 #989000 #908300 #887800 #7F6C00 #776200 #6F5800

#A19D00 - #887800 - #6F5800

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A19D00 0%, #887800 50%, #6F5800 100%);
    background: -webkit-linear-gradient(top, #A19D00 0%, #887800 50%, #6F5800 100%);
    background: linear-gradient(to bottom, #A19D00 0%, #887800 50%, #6F5800 100%);
}
</style>