#005F7D - #1F2423 | 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 #005F7D a #1F2423

#005F7D #1F2423

Calcule el color entre dos colores, #005F7D y #1F2423. 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)

#005F7D - #1F2423 | 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 #005F7D como 0% y #1F2423 como 100%.

0.0%	0.0% #005F7D	RGB 0 95 125	#005F7D
16.7%	16.7% #05556E	RGB 5 85 110	#05556E
33.3%	33.3% #0A4B5F	RGB 10 75 95	#0A4B5F
50.0%	50.0% #0F4150	RGB 15 65 80	#0F4150
66.7%	66.7% #143741	RGB 20 55 65	#143741
83.3%	83.3% #192D32	RGB 25 45 50	#192D32
100.0%	100.0% #1F2423	RGB 31 36 35	#1F2423

#005F7D #05556E #0A4B5F #0F4150 #143741 #192D32 #1F2423

#005F7D - #1F2423

Mezcla HSV

#005F7D - #1F2423 | 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 #005F7D como 0% y #1F2423 como 100%.

0.0%	0.0% #005E7D	RGB 0 94 125	#005E7D
16.7%	16.7% #0F5E6E	RGB 15 94 110	#0F5E6E
33.3%	33.3% #1B585F	RGB 27 88 95	#1B585F
50.0%	50.0% #224F50	RGB 34 79 80	#224F50
66.7%	66.7% #254140	RGB 37 65 64	#254140
83.3%	83.3% #243231	RGB 36 50 49	#243231
100.0%	100.0% #1F2423	RGB 31 36 35	#1F2423

#005E7D #0F5E6E #1B585F #224F50 #254140 #243231 #1F2423

#005F7D - #224F50 - #1F2423

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005E7D 0%, #224F50 50%, #1F2423 100%);
    background: -webkit-linear-gradient(top, #005E7D 0%, #224F50 50%, #1F2423 100%);
    background: linear-gradient(to bottom, #005E7D 0%, #224F50 50%, #1F2423 100%);
}
</style>