#111650 - #BBBCCD | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #111650 a #BBBCCD

#111650 #BBBCCD

Calcola il colore tra due colori, #111650 e #BBBCCD. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#111650 - #BBBCCD | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #111650 come 0% e #BBBCCD come 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

Miscela HSV

#111650 - #BBBCCD | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #111650 come 0% e #BBBCCD come 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

Codici 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>