#5B5E4D - #191A16 | 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 #5B5E4D a #191A16

#5B5E4D #191A16

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

#5B5E4D - #191A16 | 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 #5B5E4D como 0% y #191A16 como 100%.

0.0%	0.0% #5B5E4D	RGB 91 94 77	#5B5E4D
16.7%	16.7% #505243	RGB 80 82 67	#505243
33.3%	33.3% #45473A	RGB 69 71 58	#45473A
50.0%	50.0% #3A3C31	RGB 58 60 49	#3A3C31
66.7%	66.7% #2F3028	RGB 47 48 40	#2F3028
83.3%	83.3% #24251F	RGB 36 37 31	#24251F
100.0%	100.0% #191A16	RGB 25 26 22	#191A16

#5B5E4D #505243 #45473A #3A3C31 #2F3028 #24251F #191A16

#5B5E4D - #191A16

Mezcla HSV

#5B5E4D - #191A16 | 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 #5B5E4D como 0% y #191A16 como 100%.

0.0%	0.0% #5B5E4D	RGB 91 94 77	#5B5E4D
16.7%	16.7% #4F5244	RGB 79 82 68	#4F5244
33.3%	33.3% #44473B	RGB 68 71 59	#44473B
50.0%	50.0% #393C31	RGB 57 60 49	#393C31
66.7%	66.7% #2E3028	RGB 46 48 40	#2E3028
83.3%	83.3% #23251F	RGB 35 37 31	#23251F
100.0%	100.0% #191A16	RGB 25 26 22	#191A16

#5B5E4D #4F5244 #44473B #393C31 #2E3028 #23251F #191A16

#5B5E4D - #393C31 - #191A16

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E4D 0%, #393C31 50%, #191A16 100%);
    background: -webkit-linear-gradient(top, #5B5E4D 0%, #393C31 50%, #191A16 100%);
    background: linear-gradient(to bottom, #5B5E4D 0%, #393C31 50%, #191A16 100%);
}
</style>