#5E6C89 - #202E3A | 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 #5E6C89 a #202E3A

#5E6C89 #202E3A

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

#5E6C89 - #202E3A | 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 #5E6C89 como 0% y #202E3A como 100%.

0.0%	0.0% #5E6C89	RGB 94 108 137	#5E6C89
16.7%	16.7% #53617B	RGB 83 97 123	#53617B
33.3%	33.3% #49576E	RGB 73 87 110	#49576E
50.0%	50.0% #3F4D61	RGB 63 77 97	#3F4D61
66.7%	66.7% #344254	RGB 52 66 84	#344254
83.3%	83.3% #2A3847	RGB 42 56 71	#2A3847
100.0%	100.0% #202E3A	RGB 32 46 58	#202E3A

#5E6C89 #53617B #49576E #3F4D61 #344254 #2A3847 #202E3A

#5E6C89 - #202E3A

Mezcla HSV

#5E6C89 - #202E3A | 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 #5E6C89 como 0% y #202E3A como 100%.

0.0%	0.0% #5E6C89	RGB 94 108 137	#5E6C89
16.7%	16.7% #52617B	RGB 82 97 123	#52617B
33.3%	33.3% #46566E	RGB 70 86 110	#46566E
50.0%	50.0% #3C4C61	RGB 60 76 97	#3C4C61
66.7%	66.7% #324254	RGB 50 66 84	#324254
83.3%	83.3% #283847	RGB 40 56 71	#283847
100.0%	100.0% #202E3A	RGB 32 46 58	#202E3A

#5E6C89 #52617B #46566E #3C4C61 #324254 #283847 #202E3A

#5E6C89 - #3C4C61 - #202E3A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6C89 0%, #3C4C61 50%, #202E3A 100%);
    background: -webkit-linear-gradient(top, #5E6C89 0%, #3C4C61 50%, #202E3A 100%);
    background: linear-gradient(to bottom, #5E6C89 0%, #3C4C61 50%, #202E3A 100%);
}
</style>