#073E5E - #5B90A2 | 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 #073E5E a #5B90A2

#073E5E #5B90A2

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

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

0.0%	0.0% #073E5E	RGB 7 62 94	#073E5E
16.7%	16.7% #154B69	RGB 21 75 105	#154B69
33.3%	33.3% #235974	RGB 35 89 116	#235974
50.0%	50.0% #316780	RGB 49 103 128	#316780
66.7%	66.7% #3F748B	RGB 63 116 139	#3F748B
83.3%	83.3% #4D8296	RGB 77 130 150	#4D8296
100.0%	100.0% #5B90A2	RGB 91 144 162	#5B90A2

#073E5E #154B69 #235974 #316780 #3F748B #4D8296 #5B90A2

#073E5E - #5B90A2

Mezcla HSV

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

0.0%	0.0% #063E5E	RGB 6 62 94	#063E5E
16.7%	16.7% #104A69	RGB 16 74 105	#104A69
33.3%	33.3% #1B5774	RGB 27 87 116	#1B5774
50.0%	50.0% #286480	RGB 40 100 128	#286480
66.7%	66.7% #37728B	RGB 55 114 139	#37728B
83.3%	83.3% #488196	RGB 72 129 150	#488196
100.0%	100.0% #5B90A2	RGB 91 144 162	#5B90A2

#063E5E #104A69 #1B5774 #286480 #37728B #488196 #5B90A2

#073E5E - #286480 - #5B90A2

Códigos CSS

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

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