#4E3E5E - #3B0550 | 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 #4E3E5E a #3B0550

#4E3E5E #3B0550

Calcola il colore tra due colori, #4E3E5E e #3B0550. 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)

#4E3E5E - #3B0550 | 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 #4E3E5E come 0% e #3B0550 come 100%.

0.0%	0.0% #4E3E5E	RGB 78 62 94	#4E3E5E
16.7%	16.7% #4A345B	RGB 74 52 91	#4A345B
33.3%	33.3% #472B59	RGB 71 43 89	#472B59
50.0%	50.0% #442157	RGB 68 33 87	#442157
66.7%	66.7% #411854	RGB 65 24 84	#411854
83.3%	83.3% #3E0E52	RGB 62 14 82	#3E0E52
100.0%	100.0% #3B0550	RGB 59 5 80	#3B0550

#4E3E5E #4A345B #472B59 #442157 #411854 #3E0E52 #3B0550

#4E3E5E - #3B0550

Miscela HSV

#4E3E5E - #3B0550 | 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 #4E3E5E come 0% e #3B0550 come 100%.

0.0%	0.0% #4E3E5E	RGB 78 62 94	#4E3E5E
16.7%	16.7% #48335B	RGB 72 51 91	#48335B
33.3%	33.3% #442959	RGB 68 41 89	#442959
50.0%	50.0% #411F57	RGB 65 31 87	#411F57
66.7%	66.7% #3E1654	RGB 62 22 84	#3E1654
83.3%	83.3% #3C0D52	RGB 60 13 82	#3C0D52
100.0%	100.0% #3B0550	RGB 59 5 80	#3B0550

#4E3E5E #48335B #442959 #411F57 #3E1654 #3C0D52 #3B0550

#4E3E5E - #411F57 - #3B0550

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3E5E 0%, #411F57 50%, #3B0550 100%);
    background: -webkit-linear-gradient(top, #4E3E5E 0%, #411F57 50%, #3B0550 100%);
    background: linear-gradient(to bottom, #4E3E5E 0%, #411F57 50%, #3B0550 100%);
}
</style>