#073E52 - #5E8F97 | 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 #073E52 a #5E8F97

#073E52 #5E8F97

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

#073E52 - #5E8F97 | 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 #073E52 como 0% y #5E8F97 como 100%.

0.0%	0.0% #073E52	RGB 7 62 82	#073E52
16.7%	16.7% #154B5D	RGB 21 75 93	#154B5D
33.3%	33.3% #245969	RGB 36 89 105	#245969
50.0%	50.0% #326674	RGB 50 102 116	#326674
66.7%	66.7% #417480	RGB 65 116 128	#417480
83.3%	83.3% #4F818B	RGB 79 129 139	#4F818B
100.0%	100.0% #5E8F97	RGB 94 143 151	#5E8F97

#073E52 #154B5D #245969 #326674 #417480 #4F818B #5E8F97

#073E52 - #5E8F97

Mezcla HSV

#073E52 - #5E8F97 | 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 #073E52 como 0% y #5E8F97 como 100%.

0.0%	0.0% #063E52	RGB 6 62 82	#063E52
16.7%	16.7% #104A5D	RGB 16 74 93	#104A5D
33.3%	33.3% #1B5769	RGB 27 87 105	#1B5769
50.0%	50.0% #296574	RGB 41 101 116	#296574
66.7%	66.7% #387380	RGB 56 115 128	#387380
83.3%	83.3% #4A808B	RGB 74 128 139	#4A808B
100.0%	100.0% #5E8F97	RGB 94 143 151	#5E8F97

#063E52 #104A5D #1B5769 #296574 #387380 #4A808B #5E8F97

#073E52 - #296574 - #5E8F97

Códigos CSS

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

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