#5A596B - #270F5E | 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 #5A596B a #270F5E

#5A596B #270F5E

Calcola il colore tra due colori, #5A596B e #270F5E. 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)

#5A596B - #270F5E | 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 #5A596B come 0% e #270F5E come 100%.

0.0%	0.0% #5A596B	RGB 90 89 107	#5A596B
16.7%	16.7% #514C68	RGB 81 76 104	#514C68
33.3%	33.3% #494066	RGB 73 64 102	#494066
50.0%	50.0% #403464	RGB 64 52 100	#403464
66.7%	66.7% #382762	RGB 56 39 98	#382762
83.3%	83.3% #2F1B60	RGB 47 27 96	#2F1B60
100.0%	100.0% #270F5E	RGB 39 15 94	#270F5E

#5A596B #514C68 #494066 #403464 #382762 #2F1B60 #270F5E

#5A596B - #270F5E

Miscela HSV

#5A596B - #270F5E | 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 #5A596B come 0% e #270F5E come 100%.

0.0%	0.0% #5A596B	RGB 90 89 107	#5A596B
16.7%	16.7% #4E4B68	RGB 78 75 104	#4E4B68
33.3%	33.3% #433E66	RGB 67 62 102	#433E66
50.0%	50.0% #3A3164	RGB 58 49 100	#3A3164
66.7%	66.7% #332562	RGB 51 37 98	#332562
83.3%	83.3% #2C1A60	RGB 44 26 96	#2C1A60
100.0%	100.0% #270F5E	RGB 39 15 94	#270F5E

#5A596B #4E4B68 #433E66 #3A3164 #332562 #2C1A60 #270F5E

#5A596B - #3A3164 - #270F5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A596B 0%, #3A3164 50%, #270F5E 100%);
    background: -webkit-linear-gradient(top, #5A596B 0%, #3A3164 50%, #270F5E 100%);
    background: linear-gradient(to bottom, #5A596B 0%, #3A3164 50%, #270F5E 100%);
}
</style>