#5280B7 - #1E3965 | 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 #5280B7 a #1E3965

#5280B7 #1E3965

Calcule el color entre dos colores, #5280B7 y #1E3965. 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)

#5280B7 - #1E3965 | 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 #5280B7 como 0% y #1E3965 como 100%.

0.0%	0.0% #5280B7	RGB 82 128 183	#5280B7
16.7%	16.7% #4974A9	RGB 73 116 169	#4974A9
33.3%	33.3% #40689B	RGB 64 104 155	#40689B
50.0%	50.0% #385C8E	RGB 56 92 142	#385C8E
66.7%	66.7% #2F5080	RGB 47 80 128	#2F5080
83.3%	83.3% #264472	RGB 38 68 114	#264472
100.0%	100.0% #1E3965	RGB 30 57 101	#1E3965

#5280B7 #4974A9 #40689B #385C8E #2F5080 #264472 #1E3965

#5280B7 - #1E3965

Mezcla HSV

#5280B7 - #1E3965 | 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 #5280B7 como 0% y #1E3965 como 100%.

0.0%	0.0% #527FB7	RGB 82 127 183	#527FB7
16.7%	16.7% #4772A9	RGB 71 114 169	#4772A9
33.3%	33.3% #3D669B	RGB 61 102 155	#3D669B
50.0%	50.0% #345A8E	RGB 52 90 142	#345A8E
66.7%	66.7% #2C4E80	RGB 44 78 128	#2C4E80
83.3%	83.3% #244372	RGB 36 67 114	#244372
100.0%	100.0% #1E3965	RGB 30 57 101	#1E3965

#527FB7 #4772A9 #3D669B #345A8E #2C4E80 #244372 #1E3965

#5280B7 - #345A8E - #1E3965

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #527FB7 0%, #345A8E 50%, #1E3965 100%);
    background: -webkit-linear-gradient(top, #527FB7 0%, #345A8E 50%, #1E3965 100%);
    background: linear-gradient(to bottom, #527FB7 0%, #345A8E 50%, #1E3965 100%);
}
</style>