#5E5E89 - #182938 | 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 #5E5E89 a #182938

#5E5E89 #182938

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

#5E5E89 - #182938 | 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 #5E5E89 como 0% y #182938 como 100%.

0.0%	0.0% #5E5E89	RGB 94 94 137	#5E5E89
16.7%	16.7% #52557B	RGB 82 85 123	#52557B
33.3%	33.3% #464C6E	RGB 70 76 110	#464C6E
50.0%	50.0% #3B4360	RGB 59 67 96	#3B4360
66.7%	66.7% #2F3A53	RGB 47 58 83	#2F3A53
83.3%	83.3% #233145	RGB 35 49 69	#233145
100.0%	100.0% #182938	RGB 24 41 56	#182938

#5E5E89 #52557B #464C6E #3B4360 #2F3A53 #233145 #182938

#5E5E89 - #182938

Mezcla HSV

#5E5E89 - #182938 | 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 #5E5E89 como 0% y #182938 como 100%.

0.0%	0.0% #5E5E89	RGB 94 94 137	#5E5E89
16.7%	16.7% #4F537B	RGB 79 83 123	#4F537B
33.3%	33.3% #42496E	RGB 66 73 110	#42496E
50.0%	50.0% #354160	RGB 53 65 96	#354160
66.7%	66.7% #2A3853	RGB 42 56 83	#2A3853
83.3%	83.3% #203145	RGB 32 49 69	#203145
100.0%	100.0% #182938	RGB 24 41 56	#182938

#5E5E89 #4F537B #42496E #354160 #2A3853 #203145 #182938

#5E5E89 - #354160 - #182938

Códigos CSS

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

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