#073C5E - #588DA2 | 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 #073C5E a #588DA2

#073C5E #588DA2

Calcule el color entre dos colores, #073C5E y #588DA2. 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)

#073C5E - #588DA2 | 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 #073C5E como 0% y #588DA2 como 100%.

0.0%	0.0% #073C5E	RGB 7 60 94	#073C5E
16.7%	16.7% #144969	RGB 20 73 105	#144969
33.3%	33.3% #225774	RGB 34 87 116	#225774
50.0%	50.0% #2F6480	RGB 47 100 128	#2F6480
66.7%	66.7% #3D728B	RGB 61 114 139	#3D728B
83.3%	83.3% #4A7F96	RGB 74 127 150	#4A7F96
100.0%	100.0% #588DA2	RGB 88 141 162	#588DA2

#073C5E #144969 #225774 #2F6480 #3D728B #4A7F96 #588DA2

#073C5E - #588DA2

Mezcla HSV

#073C5E - #588DA2 | 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 #073C5E como 0% y #588DA2 como 100%.

0.0%	0.0% #063B5E	RGB 6 59 94	#063B5E
16.7%	16.7% #104869	RGB 16 72 105	#104869
33.3%	33.3% #1A5474	RGB 26 84 116	#1A5474
50.0%	50.0% #276280	RGB 39 98 128	#276280
66.7%	66.7% #35708B	RGB 53 112 139	#35708B
83.3%	83.3% #467E96	RGB 70 126 150	#467E96
100.0%	100.0% #588DA2	RGB 88 141 162	#588DA2

#063B5E #104869 #1A5474 #276280 #35708B #467E96 #588DA2

#073C5E - #276280 - #588DA2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #063B5E 0%, #276280 50%, #588DA2 100%);
    background: -webkit-linear-gradient(top, #063B5E 0%, #276280 50%, #588DA2 100%);
    background: linear-gradient(to bottom, #063B5E 0%, #276280 50%, #588DA2 100%);
}
</style>