#24241E - #261A00 | 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 #24241E a #261A00

#24241E #261A00

Calcule el color entre dos colores, #24241E y #261A00. 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)

#24241E - #261A00 | 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 #24241E como 0% y #261A00 como 100%.

0.0%	0.0% #24241E	RGB 36 36 30	#24241E
16.7%	16.7% #242219	RGB 36 34 25	#242219
33.3%	33.3% #242014	RGB 36 32 20	#242014
50.0%	50.0% #251F0F	RGB 37 31 15	#251F0F
66.7%	66.7% #251D0A	RGB 37 29 10	#251D0A
83.3%	83.3% #251B05	RGB 37 27 5	#251B05
100.0%	100.0% #261A00	RGB 38 26 0	#261A00

#24241E #242219 #242014 #251F0F #251D0A #251B05 #261A00

#24241E - #261A00

Mezcla HSV

#24241E - #261A00 | 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 #24241E como 0% y #261A00 como 100%.

0.0%	0.0% #24241E	RGB 36 36 30	#24241E
16.7%	16.7% #242319	RGB 36 35 25	#242319
33.3%	33.3% #242214	RGB 36 34 20	#242214
50.0%	50.0% #25210F	RGB 37 33 15	#25210F
66.7%	66.7% #251F0A	RGB 37 31 10	#251F0A
83.3%	83.3% #251D05	RGB 37 29 5	#251D05
100.0%	100.0% #261A00	RGB 38 26 0	#261A00

#24241E #242319 #242214 #25210F #251F0A #251D05 #261A00

#24241E - #25210F - #261A00

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24241E 0%, #25210F 50%, #261A00 100%);
    background: -webkit-linear-gradient(top, #24241E 0%, #25210F 50%, #261A00 100%);
    background: linear-gradient(to bottom, #24241E 0%, #25210F 50%, #261A00 100%);
}
</style>