#5E292A - #1A0B0C | 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 #5E292A a #1A0B0C

#5E292A #1A0B0C

Calcule el color entre dos colores, #5E292A y #1A0B0C. 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)

#5E292A - #1A0B0C | 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 #5E292A como 0% y #1A0B0C como 100%.

0.0%	0.0% #5E292A	RGB 94 41 42	#5E292A
16.7%	16.7% #522425	RGB 82 36 37	#522425
33.3%	33.3% #471F20	RGB 71 31 32	#471F20
50.0%	50.0% #3C1A1B	RGB 60 26 27	#3C1A1B
66.7%	66.7% #301516	RGB 48 21 22	#301516
83.3%	83.3% #251011	RGB 37 16 17	#251011
100.0%	100.0% #1A0B0C	RGB 26 11 12	#1A0B0C

#5E292A #522425 #471F20 #3C1A1B #301516 #251011 #1A0B0C

#5E292A - #1A0B0C

Mezcla HSV

#5E292A - #1A0B0C | 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 #5E292A como 0% y #1A0B0C como 100%.

0.0%	0.0% #5E292A	RGB 94 41 42	#5E292A
16.7%	16.7% #522325	RGB 82 35 37	#522325
33.3%	33.3% #471E20	RGB 71 30 32	#471E20
50.0%	50.0% #3C191B	RGB 60 25 27	#3C191B
66.7%	66.7% #301416	RGB 48 20 22	#301416
83.3%	83.3% #250F11	RGB 37 15 17	#250F11
100.0%	100.0% #1A0B0C	RGB 26 11 12	#1A0B0C

#5E292A #522325 #471E20 #3C191B #301416 #250F11 #1A0B0C

#5E292A - #3C191B - #1A0B0C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E292A 0%, #3C191B 50%, #1A0B0C 100%);
    background: -webkit-linear-gradient(top, #5E292A 0%, #3C191B 50%, #1A0B0C 100%);
    background: linear-gradient(to bottom, #5E292A 0%, #3C191B 50%, #1A0B0C 100%);
}
</style>