#AB6DA8 - #A8C0D7 | 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 #AB6DA8 a #A8C0D7

#AB6DA8 #A8C0D7

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

#AB6DA8 - #A8C0D7 | 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 #AB6DA8 come 0% e #A8C0D7 come 100%.

0.0%	0.0% #AB6DA8	RGB 171 109 168	#AB6DA8
16.7%	16.7% #AA7AAF	RGB 170 122 175	#AA7AAF
33.3%	33.3% #AA88B7	RGB 170 136 183	#AA88B7
50.0%	50.0% #A996BF	RGB 169 150 191	#A996BF
66.7%	66.7% #A9A4C7	RGB 169 164 199	#A9A4C7
83.3%	83.3% #A8B2CF	RGB 168 178 207	#A8B2CF
100.0%	100.0% #A8C0D7	RGB 168 192 215	#A8C0D7

#AB6DA8 #AA7AAF #AA88B7 #A996BF #A9A4C7 #A8B2CF #A8C0D7

#AB6DA8 - #A8C0D7

Miscela HSV

#AB6DA8 - #A8C0D7 | 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 #AB6DA8 come 0% e #A8C0D7 come 100%.

0.0%	0.0% #AB6DA8	RGB 171 109 168	#AB6DA8
16.7%	16.7% #A575B2	RGB 165 117 178	#A575B2
33.3%	33.3% #9E7FB9	RGB 158 127 185	#9E7FB9
50.0%	50.0% #9788C1	RGB 151 136 193	#9788C1
66.7%	66.7% #9392C8	RGB 147 146 200	#9392C8
83.3%	83.3% #9DA9CF	RGB 157 169 207	#9DA9CF
100.0%	100.0% #A8C0D7	RGB 168 192 215	#A8C0D7

#AB6DA8 #A575B2 #9E7FB9 #9788C1 #9392C8 #9DA9CF #A8C0D7

#AB6DA8 - #9788C1 - #A8C0D7

Codici CSS

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

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