#5E5E95 - #182841 | 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 #5E5E95 a #182841

#5E5E95 #182841

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

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

0.0%	0.0% #5E5E95	RGB 94 94 149	#5E5E95
16.7%	16.7% #525587	RGB 82 85 135	#525587
33.3%	33.3% #464C79	RGB 70 76 121	#464C79
50.0%	50.0% #3B436B	RGB 59 67 107	#3B436B
66.7%	66.7% #2F3A5D	RGB 47 58 93	#2F3A5D
83.3%	83.3% #23314F	RGB 35 49 79	#23314F
100.0%	100.0% #182841	RGB 24 40 65	#182841

#5E5E95 #525587 #464C79 #3B436B #2F3A5D #23314F #182841

#5E5E95 - #182841

Mezcla HSV

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

0.0%	0.0% #5E5E95	RGB 94 94 149	#5E5E95
16.7%	16.7% #4F5287	RGB 79 82 135	#4F5287
33.3%	33.3% #414879	RGB 65 72 121	#414879
50.0%	50.0% #353F6B	RGB 53 63 107	#353F6B
66.7%	66.7% #2A375D	RGB 42 55 93	#2A375D
83.3%	83.3% #202F4F	RGB 32 47 79	#202F4F
100.0%	100.0% #182841	RGB 24 40 65	#182841

#5E5E95 #4F5287 #414879 #353F6B #2A375D #202F4F #182841

#5E5E95 - #353F6B - #182841

Códigos CSS

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

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