#A69F00 - #6D5A0C | 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 #A69F00 a #6D5A0C

#A69F00 #6D5A0C

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

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

0.0%	0.0% #A69F00	RGB 166 159 0	#A69F00
16.7%	16.7% #9C9302	RGB 156 147 2	#9C9302
33.3%	33.3% #938804	RGB 147 136 4	#938804
50.0%	50.0% #897C06	RGB 137 124 6	#897C06
66.7%	66.7% #807108	RGB 128 113 8	#807108
83.3%	83.3% #76650A	RGB 118 101 10	#76650A
100.0%	100.0% #6D5A0C	RGB 109 90 12	#6D5A0C

#A69F00 #9C9302 #938804 #897C06 #807108 #76650A #6D5A0C

#A69F00 - #6D5A0C

Mezcla HSV

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

0.0%	0.0% #A69F00	RGB 166 159 0	#A69F00
16.7%	16.7% #9C9202	RGB 156 146 2	#9C9202
33.3%	33.3% #938505	RGB 147 133 5	#938505
50.0%	50.0% #897A07	RGB 137 122 7	#897A07
66.7%	66.7% #806E09	RGB 128 110 9	#806E09
83.3%	83.3% #76640A	RGB 118 100 10	#76640A
100.0%	100.0% #6D5A0C	RGB 109 90 12	#6D5A0C

#A69F00 #9C9202 #938505 #897A07 #806E09 #76640A #6D5A0C

#A69F00 - #897A07 - #6D5A0C

Códigos CSS

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

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