#AA929A - #A8A8D4 | 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 #AA929A a #A8A8D4

#AA929A #A8A8D4

Calcola il colore tra due colori, #AA929A e #A8A8D4. 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)

#AA929A - #A8A8D4 | 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 #AA929A come 0% e #A8A8D4 come 100%.

0.0%	0.0% #AA929A	RGB 170 146 154	#AA929A
16.7%	16.7% #A995A3	RGB 169 149 163	#A995A3
33.3%	33.3% #A999AD	RGB 169 153 173	#A999AD
50.0%	50.0% #A99DB7	RGB 169 157 183	#A99DB7
66.7%	66.7% #A8A0C0	RGB 168 160 192	#A8A0C0
83.3%	83.3% #A8A4CA	RGB 168 164 202	#A8A4CA
100.0%	100.0% #A8A8D4	RGB 168 168 212	#A8A8D4

#AA929A #A995A3 #A999AD #A99DB7 #A8A0C0 #A8A4CA #A8A8D4

#AA929A - #A8A8D4

Miscela HSV

#AA929A - #A8A8D4 | 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 #AA929A come 0% e #A8A8D4 come 100%.

0.0%	0.0% #AA929A	RGB 170 146 154	#AA929A
16.7%	16.7% #B196A6	RGB 177 150 166	#B196A6
33.3%	33.3% #B899B4	RGB 184 153 180	#B899B4
50.0%	50.0% #B99DBF	RGB 185 157 191	#B99DBF
66.7%	66.7% #B5A1C6	RGB 181 161 198	#B5A1C6
83.3%	83.3% #AFA4CD	RGB 175 164 205	#AFA4CD
100.0%	100.0% #A8A8D4	RGB 168 168 212	#A8A8D4

#AA929A #B196A6 #B899B4 #B99DBF #B5A1C6 #AFA4CD #A8A8D4

#AA929A - #B99DBF - #A8A8D4

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA929A 0%, #B99DBF 50%, #A8A8D4 100%);
    background: -webkit-linear-gradient(top, #AA929A 0%, #B99DBF 50%, #A8A8D4 100%);
    background: linear-gradient(to bottom, #AA929A 0%, #B99DBF 50%, #A8A8D4 100%);
}
</style>