#6B8E23 - #1E280A | 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 #6B8E23 a #1E280A

#6B8E23 #1E280A

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

#6B8E23 - #1E280A | 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 #6B8E23 como 0% y #1E280A como 100%.

0.0%	0.0% #6B8E23	RGB 107 142 35	#6B8E23
16.7%	16.7% #5E7D1E	RGB 94 125 30	#5E7D1E
33.3%	33.3% #516C1A	RGB 81 108 26	#516C1A
50.0%	50.0% #445B16	RGB 68 91 22	#445B16
66.7%	66.7% #374A12	RGB 55 74 18	#374A12
83.3%	83.3% #2A390E	RGB 42 57 14	#2A390E
100.0%	100.0% #1E280A	RGB 30 40 10	#1E280A

#6B8E23 #5E7D1E #516C1A #445B16 #374A12 #2A390E #1E280A

#6B8E23 - #1E280A

Mezcla HSV

#6B8E23 - #1E280A | 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 #6B8E23 como 0% y #1E280A como 100%.

0.0%	0.0% #6B8E22	RGB 107 142 34	#6B8E22
16.7%	16.7% #5E7D1E	RGB 94 125 30	#5E7D1E
33.3%	33.3% #516C1A	RGB 81 108 26	#516C1A
50.0%	50.0% #445B16	RGB 68 91 22	#445B16
66.7%	66.7% #374A12	RGB 55 74 18	#374A12
83.3%	83.3% #2A390E	RGB 42 57 14	#2A390E
100.0%	100.0% #1E280A	RGB 30 40 10	#1E280A

#6B8E22 #5E7D1E #516C1A #445B16 #374A12 #2A390E #1E280A

#6B8E23 - #445B16 - #1E280A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B8E22 0%, #445B16 50%, #1E280A 100%);
    background: -webkit-linear-gradient(top, #6B8E22 0%, #445B16 50%, #1E280A 100%);
    background: linear-gradient(to bottom, #6B8E22 0%, #445B16 50%, #1E280A 100%);
}
</style>