#AA4D9F - #72004B | 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 #AA4D9F a #72004B

#AA4D9F #72004B

Calcola il colore tra due colori, #AA4D9F e #72004B. 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)

#AA4D9F - #72004B | 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 #AA4D9F come 0% e #72004B come 100%.

0.0%	0.0% #AA4D9F	RGB 170 77 159	#AA4D9F
16.7%	16.7% #A04091	RGB 160 64 145	#A04091
33.3%	33.3% #973383	RGB 151 51 131	#973383
50.0%	50.0% #8E2675	RGB 142 38 117	#8E2675
66.7%	66.7% #841967	RGB 132 25 103	#841967
83.3%	83.3% #7B0C59	RGB 123 12 89	#7B0C59
100.0%	100.0% #72004B	RGB 114 0 75	#72004B

#AA4D9F #A04091 #973383 #8E2675 #841967 #7B0C59 #72004B

#AA4D9F - #72004B

Miscela HSV

#AA4D9F - #72004B | 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 #AA4D9F come 0% e #72004B come 100%.

0.0%	0.0% #AA4D9F	RGB 170 77 159	#AA4D9F
16.7%	16.7% #A03C91	RGB 160 60 145	#A03C91
33.3%	33.3% #972D82	RGB 151 45 130	#972D82
50.0%	50.0% #8E2074	RGB 142 32 116	#8E2074
66.7%	66.7% #841466	RGB 132 20 102	#841466
83.3%	83.3% #7B0958	RGB 123 9 88	#7B0958
100.0%	100.0% #72004B	RGB 114 0 75	#72004B

#AA4D9F #A03C91 #972D82 #8E2074 #841466 #7B0958 #72004B

#AA4D9F - #8E2074 - #72004B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA4D9F 0%, #8E2074 50%, #72004B 100%);
    background: -webkit-linear-gradient(top, #AA4D9F 0%, #8E2074 50%, #72004B 100%);
    background: linear-gradient(to bottom, #AA4D9F 0%, #8E2074 50%, #72004B 100%);
}
</style>