#171933 - #BCBDC4 | 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 #171933 a #BCBDC4

#171933 #BCBDC4

Calcule el color entre dos colores, #171933 y #BCBDC4. 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)

#171933 - #BCBDC4 | 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 #171933 como 0% y #BCBDC4 como 100%.

0.0%	0.0% #171933	RGB 23 25 51	#171933
16.7%	16.7% #32344B	RGB 50 52 75	#32344B
33.3%	33.3% #4E4F63	RGB 78 79 99	#4E4F63
50.0%	50.0% #696B7B	RGB 105 107 123	#696B7B
66.7%	66.7% #858693	RGB 133 134 147	#858693
83.3%	83.3% #A0A1AB	RGB 160 161 171	#A0A1AB
100.0%	100.0% #BCBDC4	RGB 188 189 196	#BCBDC4

#171933 #32344B #4E4F63 #696B7B #858693 #A0A1AB #BCBDC4

#171933 - #BCBDC4

Mezcla HSV

#171933 - #BCBDC4 | 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 #171933 como 0% y #BCBDC4 como 100%.

0.0%	0.0% #171933	RGB 23 25 51	#171933
16.7%	16.7% #282B4B	RGB 40 43 75	#282B4B
33.3%	33.3% #3D4063	RGB 61 64 99	#3D4063
50.0%	50.0% #575A7B	RGB 87 90 123	#575A7B
66.7%	66.7% #747793	RGB 116 119 147	#747793
83.3%	83.3% #9698AB	RGB 150 152 171	#9698AB
100.0%	100.0% #BCBDC4	RGB 188 189 196	#BCBDC4

#171933 #282B4B #3D4063 #575A7B #747793 #9698AB #BCBDC4

#171933 - #575A7B - #BCBDC4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #171933 0%, #575A7B 50%, #BCBDC4 100%);
    background: -webkit-linear-gradient(top, #171933 0%, #575A7B 50%, #BCBDC4 100%);
    background: linear-gradient(to bottom, #171933 0%, #575A7B 50%, #BCBDC4 100%);
}
</style>