#2A2A00 - #1E1609 | 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 #2A2A00 a #1E1609

#2A2A00 #1E1609

Calcule el color entre dos colores, #2A2A00 y #1E1609. 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)

#2A2A00 - #1E1609 | 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 #2A2A00 como 0% y #1E1609 como 100%.

0.0%	0.0% #2A2A00	RGB 42 42 0	#2A2A00
16.7%	16.7% #282601	RGB 40 38 1	#282601
33.3%	33.3% #262303	RGB 38 35 3	#262303
50.0%	50.0% #242004	RGB 36 32 4	#242004
66.7%	66.7% #221C06	RGB 34 28 6	#221C06
83.3%	83.3% #201907	RGB 32 25 7	#201907
100.0%	100.0% #1E1609	RGB 30 22 9	#1E1609

#2A2A00 #282601 #262303 #242004 #221C06 #201907 #1E1609

#2A2A00 - #1E1609

Mezcla HSV

#2A2A00 - #1E1609 | 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 #2A2A00 como 0% y #1E1609 como 100%.

0.0%	0.0% #2A2A00	RGB 42 42 0	#2A2A00
16.7%	16.7% #282502	RGB 40 37 2	#282502
33.3%	33.3% #262103	RGB 38 33 3	#262103
50.0%	50.0% #241E05	RGB 36 30 5	#241E05
66.7%	66.7% #221B06	RGB 34 27 6	#221B06
83.3%	83.3% #201808	RGB 32 24 8	#201808
100.0%	100.0% #1E1609	RGB 30 22 9	#1E1609

#2A2A00 #282502 #262103 #241E05 #221B06 #201808 #1E1609

#2A2A00 - #241E05 - #1E1609

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A2A00 0%, #241E05 50%, #1E1609 100%);
    background: -webkit-linear-gradient(top, #2A2A00 0%, #241E05 50%, #1E1609 100%);
    background: linear-gradient(to bottom, #2A2A00 0%, #241E05 50%, #1E1609 100%);
}
</style>