#A41EB6 - #2F0060 | 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 #A41EB6 a #2F0060

#A41EB6 #2F0060

Calcola il colore tra due colori, #A41EB6 e #2F0060. 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)

#A41EB6 - #2F0060 | 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 #A41EB6 come 0% e #2F0060 come 100%.

0.0%	0.0% #A41EB6	RGB 164 30 182	#A41EB6
16.7%	16.7% #9019A7	RGB 144 25 167	#9019A7
33.3%	33.3% #7D1499	RGB 125 20 153	#7D1499
50.0%	50.0% #690F8B	RGB 105 15 139	#690F8B
66.7%	66.7% #560A7C	RGB 86 10 124	#560A7C
83.3%	83.3% #42056E	RGB 66 5 110	#42056E
100.0%	100.0% #2F0060	RGB 47 0 96	#2F0060

#A41EB6 #9019A7 #7D1499 #690F8B #560A7C #42056E #2F0060

#A41EB6 - #2F0060

Miscela HSV

#A41EB6 - #2F0060 | 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 #A41EB6 come 0% e #2F0060 come 100%.

0.0%	0.0% #A41DB6	RGB 164 29 182	#A41DB6
16.7%	16.7% #8D17A7	RGB 141 23 167	#8D17A7
33.3%	33.3% #771099	RGB 119 16 153	#771099
50.0%	50.0% #620B8B	RGB 98 11 139	#620B8B
66.7%	66.7% #4F067C	RGB 79 6 124	#4F067C
83.3%	83.3% #3E036E	RGB 62 3 110	#3E036E
100.0%	100.0% #2F0060	RGB 47 0 96	#2F0060

#A41DB6 #8D17A7 #771099 #620B8B #4F067C #3E036E #2F0060

#A41EB6 - #620B8B - #2F0060

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A41DB6 0%, #620B8B 50%, #2F0060 100%);
    background: -webkit-linear-gradient(top, #A41DB6 0%, #620B8B 50%, #2F0060 100%);
    background: linear-gradient(to bottom, #A41DB6 0%, #620B8B 50%, #2F0060 100%);
}
</style>