#A64F00 - #60250C | 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 #A64F00 a #60250C

#A64F00 #60250C

Calcule el color entre dos colores, #A64F00 y #60250C. 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)

#A64F00 - #60250C | 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 #A64F00 como 0% y #60250C como 100%.

0.0%	0.0% #A64F00	RGB 166 79 0	#A64F00
16.7%	16.7% #9A4802	RGB 154 72 2	#9A4802
33.3%	33.3% #8E4104	RGB 142 65 4	#8E4104
50.0%	50.0% #833A06	RGB 131 58 6	#833A06
66.7%	66.7% #773308	RGB 119 51 8	#773308
83.3%	83.3% #6B2C0A	RGB 107 44 10	#6B2C0A
100.0%	100.0% #60250C	RGB 96 37 12	#60250C

#A64F00 #9A4802 #8E4104 #833A06 #773308 #6B2C0A #60250C

#A64F00 - #60250C

Mezcla HSV

#A64F00 - #60250C | 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 #A64F00 como 0% y #60250C como 100%.

0.0%	0.0% #A64F00	RGB 166 79 0	#A64F00
16.7%	16.7% #9A4603	RGB 154 70 3	#9A4603
33.3%	33.3% #8E3E05	RGB 142 62 5	#8E3E05
50.0%	50.0% #833708	RGB 131 55 8	#833708
66.7%	66.7% #773109	RGB 119 49 9	#773109
83.3%	83.3% #6B2A0B	RGB 107 42 11	#6B2A0B
100.0%	100.0% #60250C	RGB 96 37 12	#60250C

#A64F00 #9A4603 #8E3E05 #833708 #773109 #6B2A0B #60250C

#A64F00 - #833708 - #60250C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A64F00 0%, #833708 50%, #60250C 100%);
    background: -webkit-linear-gradient(top, #A64F00 0%, #833708 50%, #60250C 100%);
    background: linear-gradient(to bottom, #A64F00 0%, #833708 50%, #60250C 100%);
}
</style>