#24221E - #260E00 | 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 #24221E a #260E00

#24221E #260E00

Calcule el color entre dos colores, #24221E y #260E00. 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)

#24221E - #260E00 | 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 #24221E como 0% y #260E00 como 100%.

0.0%	0.0% #24221E	RGB 36 34 30	#24221E
16.7%	16.7% #241E19	RGB 36 30 25	#241E19
33.3%	33.3% #241B14	RGB 36 27 20	#241B14
50.0%	50.0% #25180F	RGB 37 24 15	#25180F
66.7%	66.7% #25140A	RGB 37 20 10	#25140A
83.3%	83.3% #251105	RGB 37 17 5	#251105
100.0%	100.0% #260E00	RGB 38 14 0	#260E00

#24221E #241E19 #241B14 #25180F #25140A #251105 #260E00

#24221E - #260E00

Mezcla HSV

#24221E - #260E00 | 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 #24221E como 0% y #260E00 como 100%.

0.0%	0.0% #24221E	RGB 36 34 30	#24221E
16.7%	16.7% #242019	RGB 36 32 25	#242019
33.3%	33.3% #241D14	RGB 36 29 20	#241D14
50.0%	50.0% #251A0F	RGB 37 26 15	#251A0F
66.7%	66.7% #25160A	RGB 37 22 10	#25160A
83.3%	83.3% #251205	RGB 37 18 5	#251205
100.0%	100.0% #260E00	RGB 38 14 0	#260E00

#24221E #242019 #241D14 #251A0F #25160A #251205 #260E00

#24221E - #251A0F - #260E00

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24221E 0%, #251A0F 50%, #260E00 100%);
    background: -webkit-linear-gradient(top, #24221E 0%, #251A0F 50%, #260E00 100%);
    background: linear-gradient(to bottom, #24221E 0%, #251A0F 50%, #260E00 100%);
}
</style>