#181810 - #5A503B | 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 #181810 a #5A503B

#181810 #5A503B

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

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

0.0%	0.0% #181810	RGB 24 24 16	#181810
16.7%	16.7% #232117	RGB 35 33 23	#232117
33.3%	33.3% #2E2A1E	RGB 46 42 30	#2E2A1E
50.0%	50.0% #393425	RGB 57 52 37	#393425
66.7%	66.7% #443D2C	RGB 68 61 44	#443D2C
83.3%	83.3% #4F4633	RGB 79 70 51	#4F4633
100.0%	100.0% #5A503B	RGB 90 80 59	#5A503B

#181810 #232117 #2E2A1E #393425 #443D2C #4F4633 #5A503B

#181810 - #5A503B

Mezcla HSV

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

0.0%	0.0% #181810	RGB 24 24 16	#181810
16.7%	16.7% #232217	RGB 35 34 23	#232217
33.3%	33.3% #2E2C1E	RGB 46 44 30	#2E2C1E
50.0%	50.0% #393525	RGB 57 53 37	#393525
66.7%	66.7% #443F2C	RGB 68 63 44	#443F2C
83.3%	83.3% #4F4733	RGB 79 71 51	#4F4733
100.0%	100.0% #5A503B	RGB 90 80 59	#5A503B

#181810 #232217 #2E2C1E #393525 #443F2C #4F4733 #5A503B

#181810 - #393525 - #5A503B

Códigos CSS

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

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