#965A00 - #2A1900 | 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 #965A00 a #2A1900

#965A00 #2A1900

Calcule el color entre dos colores, #965A00 y #2A1900. 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)

#965A00 - #2A1900 | 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 #965A00 como 0% y #2A1900 como 100%.

0.0%	0.0% #965A00	RGB 150 90 0	#965A00
16.7%	16.7% #844F00	RGB 132 79 0	#844F00
33.3%	33.3% #724400	RGB 114 68 0	#724400
50.0%	50.0% #603900	RGB 96 57 0	#603900
66.7%	66.7% #4E2E00	RGB 78 46 0	#4E2E00
83.3%	83.3% #3C2300	RGB 60 35 0	#3C2300
100.0%	100.0% #2A1900	RGB 42 25 0	#2A1900

#965A00 #844F00 #724400 #603900 #4E2E00 #3C2300 #2A1900

#965A00 - #2A1900

Mezcla HSV

#965A00 - #2A1900 | 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 #965A00 como 0% y #2A1900 como 100%.

0.0%	0.0% #965A00	RGB 150 90 0	#965A00
16.7%	16.7% #844F00	RGB 132 79 0	#844F00
33.3%	33.3% #724400	RGB 114 68 0	#724400
50.0%	50.0% #603900	RGB 96 57 0	#603900
66.7%	66.7% #4E2E00	RGB 78 46 0	#4E2E00
83.3%	83.3% #3C2300	RGB 60 35 0	#3C2300
100.0%	100.0% #2A1900	RGB 42 25 0	#2A1900

#965A00 #844F00 #724400 #603900 #4E2E00 #3C2300 #2A1900

#965A00 - #603900 - #2A1900

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #965A00 0%, #603900 50%, #2A1900 100%);
    background: -webkit-linear-gradient(top, #965A00 0%, #603900 50%, #2A1900 100%);
    background: linear-gradient(to bottom, #965A00 0%, #603900 50%, #2A1900 100%);
}
</style>