#246C96 - #1A2E3C | 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 #246C96 a #1A2E3C

#246C96 #1A2E3C

Calcule el color entre dos colores, #246C96 y #1A2E3C. 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)

#246C96 - #1A2E3C | 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 #246C96 como 0% y #1A2E3C como 100%.

0.0%	0.0% #246C96	RGB 36 108 150	#246C96
16.7%	16.7% #226187	RGB 34 97 135	#226187
33.3%	33.3% #205778	RGB 32 87 120	#205778
50.0%	50.0% #1F4D69	RGB 31 77 105	#1F4D69
66.7%	66.7% #1D425A	RGB 29 66 90	#1D425A
83.3%	83.3% #1B384B	RGB 27 56 75	#1B384B
100.0%	100.0% #1A2E3C	RGB 26 46 60	#1A2E3C

#246C96 #226187 #205778 #1F4D69 #1D425A #1B384B #1A2E3C

#246C96 - #1A2E3C

Mezcla HSV

#246C96 - #1A2E3C | 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 #246C96 como 0% y #1A2E3C como 100%.

0.0%	0.0% #246C96	RGB 36 108 150	#246C96
16.7%	16.7% #246287	RGB 36 98 135	#246287
33.3%	33.3% #245878	RGB 36 88 120	#245878
50.0%	50.0% #234D69	RGB 35 77 105	#234D69
66.7%	66.7% #21435A	RGB 33 67 90	#21435A
83.3%	83.3% #1E384B	RGB 30 56 75	#1E384B
100.0%	100.0% #1A2E3C	RGB 26 46 60	#1A2E3C

#246C96 #246287 #245878 #234D69 #21435A #1E384B #1A2E3C

#246C96 - #234D69 - #1A2E3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #246C96 0%, #234D69 50%, #1A2E3C 100%);
    background: -webkit-linear-gradient(top, #246C96 0%, #234D69 50%, #1A2E3C 100%);
    background: linear-gradient(to bottom, #246C96 0%, #234D69 50%, #1A2E3C 100%);
}
</style>