#000B23 - #B6B9C0 | 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 #000B23 a #B6B9C0

#000B23 #B6B9C0

Calcola il colore tra due colori, #000B23 e #B6B9C0. 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)

#000B23 - #B6B9C0 | 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 #000B23 come 0% e #B6B9C0 come 100%.

0.0%	0.0% #000B23	RGB 0 11 35	#000B23
16.7%	16.7% #1E283D	RGB 30 40 61	#1E283D
33.3%	33.3% #3C4557	RGB 60 69 87	#3C4557
50.0%	50.0% #5B6271	RGB 91 98 113	#5B6271
66.7%	66.7% #797F8B	RGB 121 127 139	#797F8B
83.3%	83.3% #979CA5	RGB 151 156 165	#979CA5
100.0%	100.0% #B6B9C0	RGB 182 185 192	#B6B9C0

#000B23 #1E283D #3C4557 #5B6271 #797F8B #979CA5 #B6B9C0

#000B23 - #B6B9C0

Miscela HSV

#000B23 - #B6B9C0 | 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 #000B23 come 0% e #B6B9C0 come 100%.

0.0%	0.0% #000B23	RGB 0 11 35	#000B23
16.7%	16.7% #09193D	RGB 9 25 61	#09193D
33.3%	33.3% #1B2E57	RGB 27 46 87	#1B2E57
50.0%	50.0% #354871	RGB 53 72 113	#354871
66.7%	66.7% #58678B	RGB 88 103 139	#58678B
83.3%	83.3% #828DA5	RGB 130 141 165	#828DA5
100.0%	100.0% #B6B9C0	RGB 182 185 192	#B6B9C0

#000B23 #09193D #1B2E57 #354871 #58678B #828DA5 #B6B9C0

#000B23 - #354871 - #B6B9C0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000B23 0%, #354871 50%, #B6B9C0 100%);
    background: -webkit-linear-gradient(top, #000B23 0%, #354871 50%, #B6B9C0 100%);
    background: linear-gradient(to bottom, #000B23 0%, #354871 50%, #B6B9C0 100%);
}
</style>