#9F5EFA - #FF7DFE | 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 #9F5EFA a #FF7DFE

#9F5EFA #FF7DFE

Calcola il colore tra due colori, #9F5EFA e #FF7DFE. 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)

#9F5EFA - #FF7DFE | 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 #9F5EFA come 0% e #FF7DFE come 100%.

0.0%	0.0% #9F5EFA	RGB 159 94 250	#9F5EFA
16.7%	16.7% #AF63FA	RGB 175 99 250	#AF63FA
33.3%	33.3% #BF68FB	RGB 191 104 251	#BF68FB
50.0%	50.0% #CF6DFC	RGB 207 109 252	#CF6DFC
66.7%	66.7% #DF72FC	RGB 223 114 252	#DF72FC
83.3%	83.3% #EF77FD	RGB 239 119 253	#EF77FD
100.0%	100.0% #FF7DFE	RGB 255 125 254	#FF7DFE

#9F5EFA #AF63FA #BF68FB #CF6DFC #DF72FC #EF77FD #FF7DFE

#9F5EFA - #FF7DFE

Miscela HSV

#9F5EFA - #FF7DFE | 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 #9F5EFA come 0% e #FF7DFE come 100%.

0.0%	0.0% #9F5EFA	RGB 159 94 250	#9F5EFA
16.7%	16.7% #B163FA	RGB 177 99 250	#B163FA
33.3%	33.3% #C268FB	RGB 194 104 251	#C268FB
50.0%	50.0% #D36DFC	RGB 211 109 252	#D36DFC
66.7%	66.7% #E372FD	RGB 227 114 253	#E372FD
83.3%	83.3% #F177FE	RGB 241 119 254	#F177FE
100.0%	100.0% #FF7DFE	RGB 255 125 254	#FF7DFE

#9F5EFA #B163FA #C268FB #D36DFC #E372FD #F177FE #FF7DFE

#9F5EFA - #D36DFC - #FF7DFE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F5EFA 0%, #D36DFC 50%, #FF7DFE 100%);
    background: -webkit-linear-gradient(top, #9F5EFA 0%, #D36DFC 50%, #FF7DFE 100%);
    background: linear-gradient(to bottom, #9F5EFA 0%, #D36DFC 50%, #FF7DFE 100%);
}
</style>