#465C5E - #221D1E | 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 #465C5E a #221D1E

#465C5E #221D1E

Calcola il colore tra due colori, #465C5E e #221D1E. 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)

#465C5E - #221D1E | 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 #465C5E come 0% e #221D1E come 100%.

0.0%	0.0% #465C5E	RGB 70 92 94	#465C5E
16.7%	16.7% #405153	RGB 64 81 83	#405153
33.3%	33.3% #3A4748	RGB 58 71 72	#3A4748
50.0%	50.0% #343C3E	RGB 52 60 62	#343C3E
66.7%	66.7% #2E3233	RGB 46 50 51	#2E3233
83.3%	83.3% #282728	RGB 40 39 40	#282728
100.0%	100.0% #221D1E	RGB 34 29 30	#221D1E

#465C5E #405153 #3A4748 #343C3E #2E3233 #282728 #221D1E

#465C5E - #221D1E

Miscela HSV

#465C5E - #221D1E | 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 #465C5E come 0% e #221D1E come 100%.

0.0%	0.0% #465C5E	RGB 70 92 94	#465C5E
16.7%	16.7% #404954	RGB 64 73 84	#404954
33.3%	33.3% #39394A	RGB 57 57 74	#39394A
50.0%	50.0% #383340	RGB 56 51 64	#383340
66.7%	66.7% #342C36	RGB 52 44 54	#342C36
83.3%	83.3% #2C2429	RGB 44 36 41	#2C2429
100.0%	100.0% #221D1E	RGB 34 29 30	#221D1E

#465C5E #404954 #39394A #383340 #342C36 #2C2429 #221D1E

#465C5E - #383340 - #221D1E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #465C5E 0%, #383340 50%, #221D1E 100%);
    background: -webkit-linear-gradient(top, #465C5E 0%, #383340 50%, #221D1E 100%);
    background: linear-gradient(to bottom, #465C5E 0%, #383340 50%, #221D1E 100%);
}
</style>