#5E2DCB - #BD8AF2 | 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 #5E2DCB a #BD8AF2

#5E2DCB #BD8AF2

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

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

0.0%	0.0% #5E2DCB	RGB 94 45 203	#5E2DCB
16.7%	16.7% #6D3CD1	RGB 109 60 209	#6D3CD1
33.3%	33.3% #7D4CD8	RGB 125 76 216	#7D4CD8
50.0%	50.0% #8D5BDE	RGB 141 91 222	#8D5BDE
66.7%	66.7% #9D6BE5	RGB 157 107 229	#9D6BE5
83.3%	83.3% #AD7AEB	RGB 173 122 235	#AD7AEB
100.0%	100.0% #BD8AF2	RGB 189 138 242	#BD8AF2

#5E2DCB #6D3CD1 #7D4CD8 #8D5BDE #9D6BE5 #AD7AEB #BD8AF2

#5E2DCB - #BD8AF2

Miscela HSV

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

0.0%	0.0% #5D2DCB	RGB 93 45 203	#5D2DCB
16.7%	16.7% #6D3AD1	RGB 109 58 209	#6D3AD1
33.3%	33.3% #7D48D8	RGB 125 72 216	#7D48D8
50.0%	50.0% #8D58DE	RGB 141 88 222	#8D58DE
66.7%	66.7% #9D67E5	RGB 157 103 229	#9D67E5
83.3%	83.3% #AD78EB	RGB 173 120 235	#AD78EB
100.0%	100.0% #BD8AF2	RGB 189 138 242	#BD8AF2

#5D2DCB #6D3AD1 #7D48D8 #8D58DE #9D67E5 #AD78EB #BD8AF2

#5E2DCB - #8D58DE - #BD8AF2

Codici CSS

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

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