#0085A8 - #183F4E | 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 #0085A8 a #183F4E

#0085A8 #183F4E

Calcule el color entre dos colores, #0085A8 y #183F4E. 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)

#0085A8 - #183F4E | 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 #0085A8 como 0% y #183F4E como 100%.

0.0%	0.0% #0085A8	RGB 0 133 168	#0085A8
16.7%	16.7% #047999	RGB 4 121 153	#047999
33.3%	33.3% #086D8A	RGB 8 109 138	#086D8A
50.0%	50.0% #0C627B	RGB 12 98 123	#0C627B
66.7%	66.7% #10566C	RGB 16 86 108	#10566C
83.3%	83.3% #144A5D	RGB 20 74 93	#144A5D
100.0%	100.0% #183F4E	RGB 24 63 78	#183F4E

#0085A8 #047999 #086D8A #0C627B #10566C #144A5D #183F4E

#0085A8 - #183F4E

Mezcla HSV

#0085A8 - #183F4E | 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 #0085A8 como 0% y #183F4E como 100%.

0.0%	0.0% #0085A8	RGB 0 133 168	#0085A8
16.7%	16.7% #077999	RGB 7 121 153	#077999
33.3%	33.3% #0E6D8A	RGB 14 109 138	#0E6D8A
50.0%	50.0% #12617B	RGB 18 97 123	#12617B
66.7%	66.7% #16566C	RGB 22 86 108	#16566C
83.3%	83.3% #174A5D	RGB 23 74 93	#174A5D
100.0%	100.0% #183F4E	RGB 24 63 78	#183F4E

#0085A8 #077999 #0E6D8A #12617B #16566C #174A5D #183F4E

#0085A8 - #12617B - #183F4E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0085A8 0%, #12617B 50%, #183F4E 100%);
    background: -webkit-linear-gradient(top, #0085A8 0%, #12617B 50%, #183F4E 100%);
    background: linear-gradient(to bottom, #0085A8 0%, #12617B 50%, #183F4E 100%);
}
</style>