#1A1514 - #320801 | 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 #1A1514 a #320801

#1A1514 #320801

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

#1A1514 - #320801 | 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 #1A1514 como 0% y #320801 como 100%.

0.0%	0.0% #1A1514	RGB 26 21 20	#1A1514
16.7%	16.7% #1E1210	RGB 30 18 16	#1E1210
33.3%	33.3% #22100D	RGB 34 16 13	#22100D
50.0%	50.0% #260E0A	RGB 38 14 10	#260E0A
66.7%	66.7% #2A0C07	RGB 42 12 7	#2A0C07
83.3%	83.3% #2E0A04	RGB 46 10 4	#2E0A04
100.0%	100.0% #320801	RGB 50 8 1	#320801

#1A1514 #1E1210 #22100D #260E0A #2A0C07 #2E0A04 #320801

#1A1514 - #320801

Mezcla HSV

#1A1514 - #320801 | 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 #1A1514 como 0% y #320801 como 100%.

0.0%	0.0% #1A1514	RGB 26 21 20	#1A1514
16.7%	16.7% #1E1513	RGB 30 21 19	#1E1513
33.3%	33.3% #221411	RGB 34 20 17	#221411
50.0%	50.0% #26120E	RGB 38 18 14	#26120E
66.7%	66.7% #2A0F0B	RGB 42 15 11	#2A0F0B
83.3%	83.3% #2E0C06	RGB 46 12 6	#2E0C06
100.0%	100.0% #320801	RGB 50 8 1	#320801

#1A1514 #1E1513 #221411 #26120E #2A0F0B #2E0C06 #320801

#1A1514 - #26120E - #320801

Códigos CSS

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

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