#1B1D3B - #49546D | 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 #1B1D3B a #49546D

#1B1D3B #49546D

Calcule el color entre dos colores, #1B1D3B y #49546D. 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)

#1B1D3B - #49546D | 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 #1B1D3B como 0% y #49546D como 100%.

0.0%	0.0% #1B1D3B	RGB 27 29 59	#1B1D3B
16.7%	16.7% #222643	RGB 34 38 67	#222643
33.3%	33.3% #2A2F4B	RGB 42 47 75	#2A2F4B
50.0%	50.0% #323854	RGB 50 56 84	#323854
66.7%	66.7% #39415C	RGB 57 65 92	#39415C
83.3%	83.3% #414A64	RGB 65 74 100	#414A64
100.0%	100.0% #49546D	RGB 73 84 109	#49546D

#1B1D3B #222643 #2A2F4B #323854 #39415C #414A64 #49546D

#1B1D3B - #49546D

Mezcla HSV

#1B1D3B - #49546D | 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 #1B1D3B como 0% y #49546D como 100%.

0.0%	0.0% #1B1D3B	RGB 27 29 59	#1B1D3B
16.7%	16.7% #212443	RGB 33 36 67	#212443
33.3%	33.3% #272D4B	RGB 39 45 75	#272D4B
50.0%	50.0% #2F3654	RGB 47 54 84	#2F3654
66.7%	66.7% #373F5C	RGB 55 63 92	#373F5C
83.3%	83.3% #3F4964	RGB 63 73 100	#3F4964
100.0%	100.0% #49546D	RGB 73 84 109	#49546D

#1B1D3B #212443 #272D4B #2F3654 #373F5C #3F4964 #49546D

#1B1D3B - #2F3654 - #49546D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B1D3B 0%, #2F3654 50%, #49546D 100%);
    background: -webkit-linear-gradient(top, #1B1D3B 0%, #2F3654 50%, #49546D 100%);
    background: linear-gradient(to bottom, #1B1D3B 0%, #2F3654 50%, #49546D 100%);
}
</style>