#AA9FAA - #ACB6E5 | 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 #AA9FAA a #ACB6E5

#AA9FAA #ACB6E5

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

#AA9FAA - #ACB6E5 | 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 #AA9FAA come 0% e #ACB6E5 come 100%.

0.0%	0.0% #AA9FAA	RGB 170 159 170	#AA9FAA
16.7%	16.7% #AAA2B3	RGB 170 162 179	#AAA2B3
33.3%	33.3% #AAA6BD	RGB 170 166 189	#AAA6BD
50.0%	50.0% #ABAAC7	RGB 171 170 199	#ABAAC7
66.7%	66.7% #ABAED1	RGB 171 174 209	#ABAED1
83.3%	83.3% #ABB2DB	RGB 171 178 219	#ABB2DB
100.0%	100.0% #ACB6E5	RGB 172 182 229	#ACB6E5

#AA9FAA #AAA2B3 #AAA6BD #ABAAC7 #ABAED1 #ABB2DB #ACB6E5

#AA9FAA - #ACB6E5

Miscela HSV

#AA9FAA - #ACB6E5 | 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 #AA9FAA come 0% e #ACB6E5 come 100%.

0.0%	0.0% #AA9FAA	RGB 170 159 170	#AA9FAA
16.7%	16.7% #B0A2B3	RGB 176 162 179	#B0A2B3
33.3%	33.3% #B4A5BD	RGB 180 165 189	#B4A5BD
50.0%	50.0% #B5A8C7	RGB 181 168 199	#B5A8C7
66.7%	66.7% #B2AAD1	RGB 178 170 209	#B2AAD1
83.3%	83.3% #ACABDB	RGB 172 171 219	#ACABDB
100.0%	100.0% #ACB6E5	RGB 172 182 229	#ACB6E5

#AA9FAA #B0A2B3 #B4A5BD #B5A8C7 #B2AAD1 #ACABDB #ACB6E5

#AA9FAA - #B5A8C7 - #ACB6E5

Codici CSS

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

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