#B130D9 - #310C3E | 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 #B130D9 a #310C3E

#B130D9 #310C3E

Calcola il colore tra due colori, #B130D9 e #310C3E. 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)

#B130D9 - #310C3E | 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 #B130D9 come 0% e #310C3E come 100%.

0.0%	0.0% #B130D9	RGB 177 48 217	#B130D9
16.7%	16.7% #9B2ABF	RGB 155 42 191	#9B2ABF
33.3%	33.3% #8624A5	RGB 134 36 165	#8624A5
50.0%	50.0% #711E8B	RGB 113 30 139	#711E8B
66.7%	66.7% #5B1871	RGB 91 24 113	#5B1871
83.3%	83.3% #461257	RGB 70 18 87	#461257
100.0%	100.0% #310C3E	RGB 49 12 62	#310C3E

#B130D9 #9B2ABF #8624A5 #711E8B #5B1871 #461257 #310C3E

#B130D9 - #310C3E

Miscela HSV

#B130D9 - #310C3E | 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 #B130D9 come 0% e #310C3E come 100%.

0.0%	0.0% #B130D9	RGB 177 48 217	#B130D9
16.7%	16.7% #9B29BF	RGB 155 41 191	#9B29BF
33.3%	33.3% #8523A5	RGB 133 35 165	#8523A5
50.0%	50.0% #701C8B	RGB 112 28 139	#701C8B
66.7%	66.7% #5A1771	RGB 90 23 113	#5A1771
83.3%	83.3% #451157	RGB 69 17 87	#451157
100.0%	100.0% #310C3E	RGB 49 12 62	#310C3E

#B130D9 #9B29BF #8523A5 #701C8B #5A1771 #451157 #310C3E

#B130D9 - #701C8B - #310C3E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B130D9 0%, #701C8B 50%, #310C3E 100%);
    background: -webkit-linear-gradient(top, #B130D9 0%, #701C8B 50%, #310C3E 100%);
    background: linear-gradient(to bottom, #B130D9 0%, #701C8B 50%, #310C3E 100%);
}
</style>