#5E5E96 - #182841 | 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 #5E5E96 a #182841

#5E5E96 #182841

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

#5E5E96 - #182841 | 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 #5E5E96 come 0% e #182841 come 100%.

0.0%	0.0% #5E5E96	RGB 94 94 150	#5E5E96
16.7%	16.7% #525587	RGB 82 85 135	#525587
33.3%	33.3% #464C79	RGB 70 76 121	#464C79
50.0%	50.0% #3B436B	RGB 59 67 107	#3B436B
66.7%	66.7% #2F3A5D	RGB 47 58 93	#2F3A5D
83.3%	83.3% #23314F	RGB 35 49 79	#23314F
100.0%	100.0% #182841	RGB 24 40 65	#182841

#5E5E96 #525587 #464C79 #3B436B #2F3A5D #23314F #182841

#5E5E96 - #182841

Miscela HSV

#5E5E96 - #182841 | 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 #5E5E96 come 0% e #182841 come 100%.

0.0%	0.0% #5E5E96	RGB 94 94 150	#5E5E96
16.7%	16.7% #4F5287	RGB 79 82 135	#4F5287
33.3%	33.3% #414979	RGB 65 73 121	#414979
50.0%	50.0% #35406B	RGB 53 64 107	#35406B
66.7%	66.7% #2A375D	RGB 42 55 93	#2A375D
83.3%	83.3% #202F4F	RGB 32 47 79	#202F4F
100.0%	100.0% #182841	RGB 24 40 65	#182841

#5E5E96 #4F5287 #414979 #35406B #2A375D #202F4F #182841

#5E5E96 - #35406B - #182841

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E96 0%, #35406B 50%, #182841 100%);
    background: -webkit-linear-gradient(top, #5E5E96 0%, #35406B 50%, #182841 100%);
    background: linear-gradient(to bottom, #5E5E96 0%, #35406B 50%, #182841 100%);
}
</style>