#5E5E69 - #162B25 | 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 #5E5E69 a #162B25

#5E5E69 #162B25

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

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

0.0%	0.0% #5E5E69	RGB 94 94 105	#5E5E69
16.7%	16.7% #52555D	RGB 82 85 93	#52555D
33.3%	33.3% #464D52	RGB 70 77 82	#464D52
50.0%	50.0% #3A4447	RGB 58 68 71	#3A4447
66.7%	66.7% #2E3C3B	RGB 46 60 59	#2E3C3B
83.3%	83.3% #223330	RGB 34 51 48	#223330
100.0%	100.0% #162B25	RGB 22 43 37	#162B25

#5E5E69 #52555D #464D52 #3A4447 #2E3C3B #223330 #162B25

#5E5E69 - #162B25

Mezcla HSV

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

0.0%	0.0% #5E5E69	RGB 94 94 105	#5E5E69
16.7%	16.7% #4E525E	RGB 78 82 94	#4E525E
33.3%	33.3% #404954	RGB 64 73 84	#404954
50.0%	50.0% #34424A	RGB 52 66 74	#34424A
66.7%	66.7% #283C3F	RGB 40 60 63	#283C3F
83.3%	83.3% #1E3533	RGB 30 53 51	#1E3533
100.0%	100.0% #162B25	RGB 22 43 37	#162B25

#5E5E69 #4E525E #404954 #34424A #283C3F #1E3533 #162B25

#5E5E69 - #34424A - #162B25

Códigos CSS

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

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