#20241E - #1B2600 | 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 #20241E a #1B2600

#20241E #1B2600

Calcule el color entre dos colores, #20241E y #1B2600. 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)

#20241E - #1B2600 | 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 #20241E como 0% y #1B2600 como 100%.

0.0%	0.0% #20241E	RGB 32 36 30	#20241E
16.7%	16.7% #1F2419	RGB 31 36 25	#1F2419
33.3%	33.3% #1E2414	RGB 30 36 20	#1E2414
50.0%	50.0% #1D250F	RGB 29 37 15	#1D250F
66.7%	66.7% #1C250A	RGB 28 37 10	#1C250A
83.3%	83.3% #1B2505	RGB 27 37 5	#1B2505
100.0%	100.0% #1B2600	RGB 27 38 0	#1B2600

#20241E #1F2419 #1E2414 #1D250F #1C250A #1B2505 #1B2600

#20241E - #1B2600

Mezcla HSV

#20241E - #1B2600 | 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 #20241E como 0% y #1B2600 como 100%.

0.0%	0.0% #20241E	RGB 32 36 30	#20241E
16.7%	16.7% #1D2419	RGB 29 36 25	#1D2419
33.3%	33.3% #1B2414	RGB 27 36 20	#1B2414
50.0%	50.0% #1A250F	RGB 26 37 15	#1A250F
66.7%	66.7% #1A250A	RGB 26 37 10	#1A250A
83.3%	83.3% #1A2505	RGB 26 37 5	#1A2505
100.0%	100.0% #1B2600	RGB 27 38 0	#1B2600

#20241E #1D2419 #1B2414 #1A250F #1A250A #1A2505 #1B2600

#20241E - #1A250F - #1B2600

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20241E 0%, #1A250F 50%, #1B2600 100%);
    background: -webkit-linear-gradient(top, #20241E 0%, #1A250F 50%, #1B2600 100%);
    background: linear-gradient(to bottom, #20241E 0%, #1A250F 50%, #1B2600 100%);
}
</style>