#001623 - #B6BCC0 | 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 #001623 a #B6BCC0

#001623 #B6BCC0

Calcola il colore tra due colori, #001623 e #B6BCC0. 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)

#001623 - #B6BCC0 | 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 #001623 come 0% e #B6BCC0 come 100%.

0.0%	0.0% #001623	RGB 0 22 35	#001623
16.7%	16.7% #1E313D	RGB 30 49 61	#1E313D
33.3%	33.3% #3C4D57	RGB 60 77 87	#3C4D57
50.0%	50.0% #5B6971	RGB 91 105 113	#5B6971
66.7%	66.7% #79848B	RGB 121 132 139	#79848B
83.3%	83.3% #97A0A5	RGB 151 160 165	#97A0A5
100.0%	100.0% #B6BCC0	RGB 182 188 192	#B6BCC0

#001623 #1E313D #3C4D57 #5B6971 #79848B #97A0A5 #B6BCC0

#001623 - #B6BCC0

Miscela HSV

#001623 - #B6BCC0 | 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 #001623 come 0% e #B6BCC0 come 100%.

0.0%	0.0% #001523	RGB 0 21 35	#001523
16.7%	16.7% #09293D	RGB 9 41 61	#09293D
33.3%	33.3% #1B4057	RGB 27 64 87	#1B4057
50.0%	50.0% #355A71	RGB 53 90 113	#355A71
66.7%	66.7% #58778B	RGB 88 119 139	#58778B
83.3%	83.3% #8298A5	RGB 130 152 165	#8298A5
100.0%	100.0% #B6BCC0	RGB 182 188 192	#B6BCC0

#001523 #09293D #1B4057 #355A71 #58778B #8298A5 #B6BCC0

#001623 - #355A71 - #B6BCC0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001523 0%, #355A71 50%, #B6BCC0 100%);
    background: -webkit-linear-gradient(top, #001523 0%, #355A71 50%, #B6BCC0 100%);
    background: linear-gradient(to bottom, #001523 0%, #355A71 50%, #B6BCC0 100%);
}
</style>