#A64F00 - #2F1600 | 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 #2F1600

#A64F00 #2F1600

Calcule el color entre dos colores, #A64F00 y #2F1600. 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 - #2F1600 | 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 #2F1600 como 100%.

0.0%	0.0% #A64F00	RGB 166 79 0	#A64F00
16.7%	16.7% #924500	RGB 146 69 0	#924500
33.3%	33.3% #7E3C00	RGB 126 60 0	#7E3C00
50.0%	50.0% #6A3200	RGB 106 50 0	#6A3200
66.7%	66.7% #562900	RGB 86 41 0	#562900
83.3%	83.3% #421F00	RGB 66 31 0	#421F00
100.0%	100.0% #2F1600	RGB 47 22 0	#2F1600

#A64F00 #924500 #7E3C00 #6A3200 #562900 #421F00 #2F1600

#A64F00 - #2F1600

Mezcla HSV

#A64F00 - #2F1600 | 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 #2F1600 como 100%.

0.0%	0.0% #A64F00	RGB 166 79 0	#A64F00
16.7%	16.7% #924500	RGB 146 69 0	#924500
33.3%	33.3% #7E3B00	RGB 126 59 0	#7E3B00
50.0%	50.0% #6A3200	RGB 106 50 0	#6A3200
66.7%	66.7% #562800	RGB 86 40 0	#562800
83.3%	83.3% #421F00	RGB 66 31 0	#421F00
100.0%	100.0% #2F1600	RGB 47 22 0	#2F1600

#A64F00 #924500 #7E3B00 #6A3200 #562800 #421F00 #2F1600

#A64F00 - #6A3200 - #2F1600

Códigos CSS

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

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