#0081AA - #193D4E | 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 #0081AA a #193D4E

#0081AA #193D4E

Calcule el color entre dos colores, #0081AA y #193D4E. 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)

#0081AA - #193D4E | 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 #0081AA como 0% y #193D4E como 100%.

0.0%	0.0% #0081AA	RGB 0 129 170	#0081AA
16.7%	16.7% #04759A	RGB 4 117 154	#04759A
33.3%	33.3% #086A8B	RGB 8 106 139	#086A8B
50.0%	50.0% #0C5F7C	RGB 12 95 124	#0C5F7C
66.7%	66.7% #10536C	RGB 16 83 108	#10536C
83.3%	83.3% #14485D	RGB 20 72 93	#14485D
100.0%	100.0% #193D4E	RGB 25 61 78	#193D4E

#0081AA #04759A #086A8B #0C5F7C #10536C #14485D #193D4E

#0081AA - #193D4E

Mezcla HSV

#0081AA - #193D4E | 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 #0081AA como 0% y #193D4E como 100%.

0.0%	0.0% #0081AA	RGB 0 129 170	#0081AA
16.7%	16.7% #08759A	RGB 8 117 154	#08759A
33.3%	33.3% #0E6A8B	RGB 14 106 139	#0E6A8B
50.0%	50.0% #135E7C	RGB 19 94 124	#135E7C
66.7%	66.7% #17536C	RGB 23 83 108	#17536C
83.3%	83.3% #18485D	RGB 24 72 93	#18485D
100.0%	100.0% #193D4E	RGB 25 61 78	#193D4E

#0081AA #08759A #0E6A8B #135E7C #17536C #18485D #193D4E

#0081AA - #135E7C - #193D4E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0081AA 0%, #135E7C 50%, #193D4E 100%);
    background: -webkit-linear-gradient(top, #0081AA 0%, #135E7C 50%, #193D4E 100%);
    background: linear-gradient(to bottom, #0081AA 0%, #135E7C 50%, #193D4E 100%);
}
</style>