#2B445F - #828C92 | 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 #2B445F a #828C92

#2B445F #828C92

Calcule el color entre dos colores, #2B445F y #828C92. 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)

#2B445F - #828C92 | 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 #2B445F como 0% y #828C92 como 100%.

0.0%	0.0% #2B445F	RGB 43 68 95	#2B445F
16.7%	16.7% #395067	RGB 57 80 103	#395067
33.3%	33.3% #485C70	RGB 72 92 112	#485C70
50.0%	50.0% #566878	RGB 86 104 120	#566878
66.7%	66.7% #657481	RGB 101 116 129	#657481
83.3%	83.3% #738089	RGB 115 128 137	#738089
100.0%	100.0% #828C92	RGB 130 140 146	#828C92

#2B445F #395067 #485C70 #566878 #657481 #738089 #828C92

#2B445F - #828C92

Mezcla HSV

#2B445F - #828C92 | 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 #2B445F como 0% y #828C92 como 100%.

0.0%	0.0% #2B445F	RGB 43 68 95	#2B445F
16.7%	16.7% #364F67	RGB 54 79 103	#364F67
33.3%	33.3% #435A70	RGB 67 90 112	#435A70
50.0%	50.0% #506678	RGB 80 102 120	#506678
66.7%	66.7% #607381	RGB 96 115 129	#607381
83.3%	83.3% #707F89	RGB 112 127 137	#707F89
100.0%	100.0% #828C92	RGB 130 140 146	#828C92

#2B445F #364F67 #435A70 #506678 #607381 #707F89 #828C92

#2B445F - #506678 - #828C92

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B445F 0%, #506678 50%, #828C92 100%);
    background: -webkit-linear-gradient(top, #2B445F 0%, #506678 50%, #828C92 100%);
    background: linear-gradient(to bottom, #2B445F 0%, #506678 50%, #828C92 100%);
}
</style>