#A16DC3 - #DC8CFF | 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 #A16DC3 a #DC8CFF

#A16DC3 #DC8CFF

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

#A16DC3 - #DC8CFF | 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 #A16DC3 come 0% e #DC8CFF come 100%.

0.0%	0.0% #A16DC3	RGB 161 109 195	#A16DC3
16.7%	16.7% #AA72CD	RGB 170 114 205	#AA72CD
33.3%	33.3% #B477D7	RGB 180 119 215	#B477D7
50.0%	50.0% #BE7CE1	RGB 190 124 225	#BE7CE1
66.7%	66.7% #C881EB	RGB 200 129 235	#C881EB
83.3%	83.3% #D286F5	RGB 210 134 245	#D286F5
100.0%	100.0% #DC8CFF	RGB 220 140 255	#DC8CFF

#A16DC3 #AA72CD #B477D7 #BE7CE1 #C881EB #D286F5 #DC8CFF

#A16DC3 - #DC8CFF

Miscela HSV

#A16DC3 - #DC8CFF | 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 #A16DC3 come 0% e #DC8CFF come 100%.

0.0%	0.0% #A16DC3	RGB 161 109 195	#A16DC3
16.7%	16.7% #AA72CD	RGB 170 114 205	#AA72CD
33.3%	33.3% #B477D7	RGB 180 119 215	#B477D7
50.0%	50.0% #BD7CE1	RGB 189 124 225	#BD7CE1
66.7%	66.7% #C781EB	RGB 199 129 235	#C781EB
83.3%	83.3% #D186F5	RGB 209 134 245	#D186F5
100.0%	100.0% #DC8CFF	RGB 220 140 255	#DC8CFF

#A16DC3 #AA72CD #B477D7 #BD7CE1 #C781EB #D186F5 #DC8CFF

#A16DC3 - #BD7CE1 - #DC8CFF

Codici CSS

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

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