#9C7EB6 - #5A237F | 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 #9C7EB6 a #5A237F

#9C7EB6 #5A237F

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

#9C7EB6 - #5A237F | 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 #9C7EB6 come 0% e #5A237F come 100%.

0.0%	0.0% #9C7EB6	RGB 156 126 182	#9C7EB6
16.7%	16.7% #916EAC	RGB 145 110 172	#916EAC
33.3%	33.3% #865FA3	RGB 134 95 163	#865FA3
50.0%	50.0% #7B509A	RGB 123 80 154	#7B509A
66.7%	66.7% #704191	RGB 112 65 145	#704191
83.3%	83.3% #653288	RGB 101 50 136	#653288
100.0%	100.0% #5A237F	RGB 90 35 127	#5A237F

#9C7EB6 #916EAC #865FA3 #7B509A #704191 #653288 #5A237F

#9C7EB6 - #5A237F

Miscela HSV

#9C7EB6 - #5A237F | 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 #9C7EB6 come 0% e #5A237F come 100%.

0.0%	0.0% #9B7EB6	RGB 155 126 182	#9B7EB6
16.7%	16.7% #8F6BAC	RGB 143 107 172	#8F6BAC
33.3%	33.3% #835AA3	RGB 131 90 163	#835AA3
50.0%	50.0% #774A9A	RGB 119 74 154	#774A9A
66.7%	66.7% #6D3C91	RGB 109 60 145	#6D3C91
83.3%	83.3% #632E88	RGB 99 46 136	#632E88
100.0%	100.0% #5A237F	RGB 90 35 127	#5A237F

#9B7EB6 #8F6BAC #835AA3 #774A9A #6D3C91 #632E88 #5A237F

#9C7EB6 - #774A9A - #5A237F

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9B7EB6 0%, #774A9A 50%, #5A237F 100%);
    background: -webkit-linear-gradient(top, #9B7EB6 0%, #774A9A 50%, #5A237F 100%);
    background: linear-gradient(to bottom, #9B7EB6 0%, #774A9A 50%, #5A237F 100%);
}
</style>