#181814 - #5A5140 | 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 #181814 a #5A5140

#181814 #5A5140

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

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

0.0%	0.0% #181814	RGB 24 24 20	#181814
16.7%	16.7% #23211B	RGB 35 33 27	#23211B
33.3%	33.3% #2E2B22	RGB 46 43 34	#2E2B22
50.0%	50.0% #39342A	RGB 57 52 42	#39342A
66.7%	66.7% #443E31	RGB 68 62 49	#443E31
83.3%	83.3% #4F4738	RGB 79 71 56	#4F4738
100.0%	100.0% #5A5140	RGB 90 81 64	#5A5140

#181814 #23211B #2E2B22 #39342A #443E31 #4F4738 #5A5140

#181814 - #5A5140

Mezcla HSV

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

0.0%	0.0% #181814	RGB 24 24 20	#181814
16.7%	16.7% #23221C	RGB 35 34 28	#23221C
33.3%	33.3% #2E2C24	RGB 46 44 36	#2E2C24
50.0%	50.0% #39362C	RGB 57 54 44	#39362C
66.7%	66.7% #444033	RGB 68 64 51	#444033
83.3%	83.3% #4F4839	RGB 79 72 57	#4F4839
100.0%	100.0% #5A5140	RGB 90 81 64	#5A5140

#181814 #23221C #2E2C24 #39362C #444033 #4F4839 #5A5140

#181814 - #39362C - #5A5140

Códigos CSS

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

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