#8080EB - #A8C2F0 | 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 #8080EB a #A8C2F0

#8080EB #A8C2F0

Calcola il colore tra due colori, #8080EB e #A8C2F0. 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)

#8080EB - #A8C2F0 | 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 #8080EB come 0% e #A8C2F0 come 100%.

0.0%	0.0% #8080EB	RGB 128 128 235	#8080EB
16.7%	16.7% #868BEB	RGB 134 139 235	#868BEB
33.3%	33.3% #8D96EC	RGB 141 150 236	#8D96EC
50.0%	50.0% #94A1ED	RGB 148 161 237	#94A1ED
66.7%	66.7% #9AACEE	RGB 154 172 238	#9AACEE
83.3%	83.3% #A1B7EF	RGB 161 183 239	#A1B7EF
100.0%	100.0% #A8C2F0	RGB 168 194 240	#A8C2F0

#8080EB #868BEB #8D96EC #94A1ED #9AACEE #A1B7EF #A8C2F0

#8080EB - #A8C2F0

Miscela HSV

#8080EB - #A8C2F0 | 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 #8080EB come 0% e #A8C2F0 come 100%.

0.0%	0.0% #8080EB	RGB 128 128 235	#8080EB
16.7%	16.7% #868CEB	RGB 134 140 235	#868CEB
33.3%	33.3% #8D98EC	RGB 141 152 236	#8D98EC
50.0%	50.0% #93A4ED	RGB 147 164 237	#93A4ED
66.7%	66.7% #9AAEEE	RGB 154 174 238	#9AAEEE
83.3%	83.3% #A1B8EF	RGB 161 184 239	#A1B8EF
100.0%	100.0% #A8C2F0	RGB 168 194 240	#A8C2F0

#8080EB #868CEB #8D98EC #93A4ED #9AAEEE #A1B8EF #A8C2F0

#8080EB - #93A4ED - #A8C2F0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8080EB 0%, #93A4ED 50%, #A8C2F0 100%);
    background: -webkit-linear-gradient(top, #8080EB 0%, #93A4ED 50%, #A8C2F0 100%);
    background: linear-gradient(to bottom, #8080EB 0%, #93A4ED 50%, #A8C2F0 100%);
}
</style>