#271119 - #5E3C4E | 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 #271119 a #5E3C4E

#271119 #5E3C4E

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

#271119 - #5E3C4E | 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 #271119 como 0% y #5E3C4E como 100%.

0.0%	0.0% #271119	RGB 39 17 25	#271119
16.7%	16.7% #301821	RGB 48 24 33	#301821
33.3%	33.3% #391F2A	RGB 57 31 42	#391F2A
50.0%	50.0% #422633	RGB 66 38 51	#422633
66.7%	66.7% #4B2D3C	RGB 75 45 60	#4B2D3C
83.3%	83.3% #543445	RGB 84 52 69	#543445
100.0%	100.0% #5E3C4E	RGB 94 60 78	#5E3C4E

#271119 #301821 #391F2A #422633 #4B2D3C #543445 #5E3C4E

#271119 - #5E3C4E

Mezcla HSV

#271119 - #5E3C4E | 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 #271119 como 0% y #5E3C4E como 100%.

0.0%	0.0% #271119	RGB 39 17 25	#271119
16.7%	16.7% #301620	RGB 48 22 32	#301620
33.3%	33.3% #391C28	RGB 57 28 40	#391C28
50.0%	50.0% #422331	RGB 66 35 49	#422331
66.7%	66.7% #4B2B3A	RGB 75 43 58	#4B2B3A
83.3%	83.3% #543344	RGB 84 51 68	#543344
100.0%	100.0% #5E3C4E	RGB 94 60 78	#5E3C4E

#271119 #301620 #391C28 #422331 #4B2B3A #543344 #5E3C4E

#271119 - #422331 - #5E3C4E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #271119 0%, #422331 50%, #5E3C4E 100%);
    background: -webkit-linear-gradient(top, #271119 0%, #422331 50%, #5E3C4E 100%);
    background: linear-gradient(to bottom, #271119 0%, #422331 50%, #5E3C4E 100%);
}
</style>