#A68A00 - #6B490C | 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 #A68A00 a #6B490C

#A68A00 #6B490C

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

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

0.0%	0.0% #A68A00	RGB 166 138 0	#A68A00
16.7%	16.7% #9C7F02	RGB 156 127 2	#9C7F02
33.3%	33.3% #927404	RGB 146 116 4	#927404
50.0%	50.0% #886906	RGB 136 105 6	#886906
66.7%	66.7% #7E5E08	RGB 126 94 8	#7E5E08
83.3%	83.3% #74530A	RGB 116 83 10	#74530A
100.0%	100.0% #6B490C	RGB 107 73 12	#6B490C

#A68A00 #9C7F02 #927404 #886906 #7E5E08 #74530A #6B490C

#A68A00 - #6B490C

Mezcla HSV

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

0.0%	0.0% #A68A00	RGB 166 138 0	#A68A00
16.7%	16.7% #9C7D02	RGB 156 125 2	#9C7D02
33.3%	33.3% #927105	RGB 146 113 5	#927105
50.0%	50.0% #886607	RGB 136 102 7	#886607
66.7%	66.7% #7E5C09	RGB 126 92 9	#7E5C09
83.3%	83.3% #74520A	RGB 116 82 10	#74520A
100.0%	100.0% #6B490C	RGB 107 73 12	#6B490C

#A68A00 #9C7D02 #927105 #886607 #7E5C09 #74520A #6B490C

#A68A00 - #886607 - #6B490C

Códigos CSS

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

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