#465B5E - #211D1E | 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 #465B5E a #211D1E

#465B5E #211D1E

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

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

0.0%	0.0% #465B5E	RGB 70 91 94	#465B5E
16.7%	16.7% #3F5053	RGB 63 80 83	#3F5053
33.3%	33.3% #394648	RGB 57 70 72	#394648
50.0%	50.0% #333C3E	RGB 51 60 62	#333C3E
66.7%	66.7% #2D3133	RGB 45 49 51	#2D3133
83.3%	83.3% #272728	RGB 39 39 40	#272728
100.0%	100.0% #211D1E	RGB 33 29 30	#211D1E

#465B5E #3F5053 #394648 #333C3E #2D3133 #272728 #211D1E

#465B5E - #211D1E

Miscela HSV

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

0.0%	0.0% #465B5E	RGB 70 91 94	#465B5E
16.7%	16.7% #404853	RGB 64 72 83	#404853
33.3%	33.3% #3A3A49	RGB 58 58 73	#3A3A49
50.0%	50.0% #38333F	RGB 56 51 63	#38333F
66.7%	66.7% #342C35	RGB 52 44 53	#342C35
83.3%	83.3% #2B2429	RGB 43 36 41	#2B2429
100.0%	100.0% #211D1E	RGB 33 29 30	#211D1E

#465B5E #404853 #3A3A49 #38333F #342C35 #2B2429 #211D1E

#465B5E - #38333F - #211D1E

Codici CSS

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

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