#5E7CAF - #0B3E5E | 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 #5E7CAF a #0B3E5E

#5E7CAF #0B3E5E

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

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

0.0%	0.0% #5E7CAF	RGB 94 124 175	#5E7CAF
16.7%	16.7% #5071A1	RGB 80 113 161	#5071A1
33.3%	33.3% #426794	RGB 66 103 148	#426794
50.0%	50.0% #345D86	RGB 52 93 134	#345D86
66.7%	66.7% #265279	RGB 38 82 121	#265279
83.3%	83.3% #18486B	RGB 24 72 107	#18486B
100.0%	100.0% #0B3E5E	RGB 11 62 94	#0B3E5E

#5E7CAF #5071A1 #426794 #345D86 #265279 #18486B #0B3E5E

#5E7CAF - #0B3E5E

Mezcla HSV

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

0.0%	0.0% #5E7CAF	RGB 94 124 175	#5E7CAF
16.7%	16.7% #4B6EA1	RGB 75 110 161	#4B6EA1
33.3%	33.3% #3A6394	RGB 58 99 148	#3A6394
50.0%	50.0% #2B5886	RGB 43 88 134	#2B5886
66.7%	66.7% #1F4F79	RGB 31 79 121	#1F4F79
83.3%	83.3% #14466B	RGB 20 70 107	#14466B
100.0%	100.0% #0B3E5E	RGB 11 62 94	#0B3E5E

#5E7CAF #4B6EA1 #3A6394 #2B5886 #1F4F79 #14466B #0B3E5E

#5E7CAF - #2B5886 - #0B3E5E

Códigos CSS

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

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