#111650 - #BBBCCD | 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 #111650 a #BBBCCD

#111650 #BBBCCD

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

#111650 - #BBBCCD | 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 #111650 como 0% y #BBBCCD como 100%.

0.0%	0.0% #111650	RGB 17 22 80	#111650
16.7%	16.7% #2D3164	RGB 45 49 100	#2D3164
33.3%	33.3% #494D79	RGB 73 77 121	#494D79
50.0%	50.0% #66698E	RGB 102 105 142	#66698E
66.7%	66.7% #8284A3	RGB 130 132 163	#8284A3
83.3%	83.3% #9EA0B8	RGB 158 160 184	#9EA0B8
100.0%	100.0% #BBBCCD	RGB 187 188 205	#BBBCCD

#111650 #2D3164 #494D79 #66698E #8284A3 #9EA0B8 #BBBCCD

#111650 - #BBBCCD

Mezcla HSV

#111650 - #BBBCCD | 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 #111650 como 0% y #BBBCCD como 100%.

0.0%	0.0% #101550	RGB 16 21 80	#101550
16.7%	16.7% #212664	RGB 33 38 100	#212664
33.3%	33.3% #363B79	RGB 54 59 121	#363B79
50.0%	50.0% #50548E	RGB 80 84 142	#50548E
66.7%	66.7% #6E72A3	RGB 110 114 163	#6E72A3
83.3%	83.3% #9294B8	RGB 146 148 184	#9294B8
100.0%	100.0% #BBBCCD	RGB 187 188 205	#BBBCCD

#101550 #212664 #363B79 #50548E #6E72A3 #9294B8 #BBBCCD

#111650 - #50548E - #BBBCCD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #101550 0%, #50548E 50%, #BBBCCD 100%);
    background: -webkit-linear-gradient(top, #101550 0%, #50548E 50%, #BBBCCD 100%);
    background: linear-gradient(to bottom, #101550 0%, #50548E 50%, #BBBCCD 100%);
}
</style>