#5E5E5F - #162B15 | 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 #5E5E5F a #162B15

#5E5E5F #162B15

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

#5E5E5F - #162B15 | 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 #5E5E5F como 0% y #162B15 como 100%.

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #525552	RGB 82 85 82	#525552
33.3%	33.3% #464D46	RGB 70 77 70	#464D46
50.0%	50.0% #3A443A	RGB 58 68 58	#3A443A
66.7%	66.7% #2E3C2D	RGB 46 60 45	#2E3C2D
83.3%	83.3% #223321	RGB 34 51 33	#223321
100.0%	100.0% #162B15	RGB 22 43 21	#162B15

#5E5E5F #525552 #464D46 #3A443A #2E3C2D #223321 #162B15

#5E5E5F - #162B15

Mezcla HSV

#5E5E5F - #162B15 | 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 #5E5E5F como 0% y #162B15 como 100%.

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #4E5056	RGB 78 80 86	#4E5056
33.3%	33.3% #3F494D	RGB 63 73 77	#3F494D
50.0%	50.0% #324544	RGB 50 69 68	#324544
66.7%	66.7% #273C34	RGB 39 60 52	#273C34
83.3%	83.3% #1D3324	RGB 29 51 36	#1D3324
100.0%	100.0% #162B15	RGB 22 43 21	#162B15

#5E5E5F #4E5056 #3F494D #324544 #273C34 #1D3324 #162B15

#5E5E5F - #324544 - #162B15

Códigos CSS

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

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