#C9C5E8 - #8263AD | 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 #C9C5E8 a #8263AD

#C9C5E8 #8263AD

Calcola il colore tra due colori, #C9C5E8 e #8263AD. 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)

#C9C5E8 - #8263AD | 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 #C9C5E8 come 0% e #8263AD come 100%.

0.0%	0.0% #C9C5E8	RGB 201 197 232	#C9C5E8
16.7%	16.7% #BDB4DE	RGB 189 180 222	#BDB4DE
33.3%	33.3% #B1A4D4	RGB 177 164 212	#B1A4D4
50.0%	50.0% #A594CA	RGB 165 148 202	#A594CA
66.7%	66.7% #9983C0	RGB 153 131 192	#9983C0
83.3%	83.3% #8D73B6	RGB 141 115 182	#8D73B6
100.0%	100.0% #8263AD	RGB 130 99 173	#8263AD

#C9C5E8 #BDB4DE #B1A4D4 #A594CA #9983C0 #8D73B6 #8263AD

#C9C5E8 - #8263AD

Miscela HSV

#C9C5E8 - #8263AD | 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 #C9C5E8 come 0% e #8263AD come 100%.

0.0%	0.0% #C9C5E8	RGB 201 197 232	#C9C5E8
16.7%	16.7% #B9B2DE	RGB 185 178 222	#B9B2DE
33.3%	33.3% #ABA0D4	RGB 171 160 212	#ABA0D4
50.0%	50.0% #9F8FCA	RGB 159 143 202	#9F8FCA
66.7%	66.7% #9480C0	RGB 148 128 192	#9480C0
83.3%	83.3% #8A71B6	RGB 138 113 182	#8A71B6
100.0%	100.0% #8263AD	RGB 130 99 173	#8263AD

#C9C5E8 #B9B2DE #ABA0D4 #9F8FCA #9480C0 #8A71B6 #8263AD

#C9C5E8 - #9F8FCA - #8263AD

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9C5E8 0%, #9F8FCA 50%, #8263AD 100%);
    background: -webkit-linear-gradient(top, #C9C5E8 0%, #9F8FCA 50%, #8263AD 100%);
    background: linear-gradient(to bottom, #C9C5E8 0%, #9F8FCA 50%, #8263AD 100%);
}
</style>