#5E005A - #8F5DB8 | 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 #5E005A a #8F5DB8

#5E005A #8F5DB8

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

#5E005A - #8F5DB8 | 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 #5E005A come 0% e #8F5DB8 come 100%.

0.0%	0.0% #5E005A	RGB 94 0 90	#5E005A
16.7%	16.7% #660F69	RGB 102 15 105	#660F69
33.3%	33.3% #6E1F79	RGB 110 31 121	#6E1F79
50.0%	50.0% #762E89	RGB 118 46 137	#762E89
66.7%	66.7% #7E3E98	RGB 126 62 152	#7E3E98
83.3%	83.3% #864DA8	RGB 134 77 168	#864DA8
100.0%	100.0% #8F5DB8	RGB 143 93 184	#8F5DB8

#5E005A #660F69 #6E1F79 #762E89 #7E3E98 #864DA8 #8F5DB8

#5E005A - #8F5DB8

Miscela HSV

#5E005A - #8F5DB8 | 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 #5E005A come 0% e #8F5DB8 come 100%.

0.0%	0.0% #5E0059	RGB 94 0 89	#5E0059
16.7%	16.7% #69096D	RGB 105 9 109	#69096D
33.3%	33.3% #6F147C	RGB 111 20 124	#6F147C
50.0%	50.0% #75238B	RGB 117 35 139	#75238B
66.7%	66.7% #7C339A	RGB 124 51 154	#7C339A
83.3%	83.3% #8447A9	RGB 132 71 169	#8447A9
100.0%	100.0% #8F5DB8	RGB 143 93 184	#8F5DB8

#5E0059 #69096D #6F147C #75238B #7C339A #8447A9 #8F5DB8

#5E005A - #75238B - #8F5DB8

Codici CSS

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

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