#5E6EAF - #0B2F5E | 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 #5E6EAF a #0B2F5E

#5E6EAF #0B2F5E

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

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

0.0%	0.0% #5E6EAF	RGB 94 110 175	#5E6EAF
16.7%	16.7% #5063A1	RGB 80 99 161	#5063A1
33.3%	33.3% #425994	RGB 66 89 148	#425994
50.0%	50.0% #344E86	RGB 52 78 134	#344E86
66.7%	66.7% #264479	RGB 38 68 121	#264479
83.3%	83.3% #18396B	RGB 24 57 107	#18396B
100.0%	100.0% #0B2F5E	RGB 11 47 94	#0B2F5E

#5E6EAF #5063A1 #425994 #344E86 #264479 #18396B #0B2F5E

#5E6EAF - #0B2F5E

Mezcla HSV

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

0.0%	0.0% #5E6EAF	RGB 94 110 175	#5E6EAF
16.7%	16.7% #4B5FA1	RGB 75 95 161	#4B5FA1
33.3%	33.3% #3A5394	RGB 58 83 148	#3A5394
50.0%	50.0% #2B4886	RGB 43 72 134	#2B4886
66.7%	66.7% #1F3F79	RGB 31 63 121	#1F3F79
83.3%	83.3% #14366B	RGB 20 54 107	#14366B
100.0%	100.0% #0B2F5E	RGB 11 47 94	#0B2F5E

#5E6EAF #4B5FA1 #3A5394 #2B4886 #1F3F79 #14366B #0B2F5E

#5E6EAF - #2B4886 - #0B2F5E

Códigos CSS

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

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