#AD74AC - #81145A | 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 #AD74AC a #81145A

#AD74AC #81145A

Calcola il colore tra due colori, #AD74AC e #81145A. 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)

#AD74AC - #81145A | 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 #AD74AC come 0% e #81145A come 100%.

0.0%	0.0% #AD74AC	RGB 173 116 172	#AD74AC
16.7%	16.7% #A5649E	RGB 165 100 158	#A5649E
33.3%	33.3% #9E5490	RGB 158 84 144	#9E5490
50.0%	50.0% #974483	RGB 151 68 131	#974483
66.7%	66.7% #8F3475	RGB 143 52 117	#8F3475
83.3%	83.3% #882467	RGB 136 36 103	#882467
100.0%	100.0% #81145A	RGB 129 20 90	#81145A

#AD74AC #A5649E #9E5490 #974483 #8F3475 #882467 #81145A

#AD74AC - #81145A

Miscela HSV

#AD74AC - #81145A | 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 #AD74AC come 0% e #81145A come 100%.

0.0%	0.0% #AD74AB	RGB 173 116 171	#AD74AB
16.7%	16.7% #A560A0	RGB 165 96 160	#A560A0
33.3%	33.3% #9E4E93	RGB 158 78 147	#9E4E93
50.0%	50.0% #973E86	RGB 151 62 134	#973E86
66.7%	66.7% #8F2E78	RGB 143 46 120	#8F2E78
83.3%	83.3% #882069	RGB 136 32 105	#882069
100.0%	100.0% #81145A	RGB 129 20 90	#81145A

#AD74AB #A560A0 #9E4E93 #973E86 #8F2E78 #882069 #81145A

#AD74AC - #973E86 - #81145A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD74AB 0%, #973E86 50%, #81145A 100%);
    background: -webkit-linear-gradient(top, #AD74AB 0%, #973E86 50%, #81145A 100%);
    background: linear-gradient(to bottom, #AD74AB 0%, #973E86 50%, #81145A 100%);
}
</style>