#5E5E6E - #162B28 | 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 #5E5E6E a #162B28

#5E5E6E #162B28

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

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

0.0%	0.0% #5E5E6E	RGB 94 94 110	#5E5E6E
16.7%	16.7% #525562	RGB 82 85 98	#525562
33.3%	33.3% #464D56	RGB 70 77 86	#464D56
50.0%	50.0% #3A444B	RGB 58 68 75	#3A444B
66.7%	66.7% #2E3C3F	RGB 46 60 63	#2E3C3F
83.3%	83.3% #223333	RGB 34 51 51	#223333
100.0%	100.0% #162B28	RGB 22 43 40	#162B28

#5E5E6E #525562 #464D56 #3A444B #2E3C3F #223333 #162B28

#5E5E6E - #162B28

Mezcla HSV

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

0.0%	0.0% #5E5E6E	RGB 94 94 110	#5E5E6E
16.7%	16.7% #4E5262	RGB 78 82 98	#4E5262
33.3%	33.3% #404957	RGB 64 73 87	#404957
50.0%	50.0% #34424C	RGB 52 66 76	#34424C
66.7%	66.7% #283B41	RGB 40 59 65	#283B41
83.3%	83.3% #1E3536	RGB 30 53 54	#1E3536
100.0%	100.0% #162B28	RGB 22 43 40	#162B28

#5E5E6E #4E5262 #404957 #34424C #283B41 #1E3536 #162B28

#5E5E6E - #34424C - #162B28

Códigos CSS

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

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