#8F5E6E - #AEADA5 | 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 #8F5E6E a #AEADA5

#8F5E6E #AEADA5

Calcola il colore tra due colori, #8F5E6E e #AEADA5. 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)

#8F5E6E - #AEADA5 | 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 #8F5E6E come 0% e #AEADA5 come 100%.

0.0%	0.0% #8F5E6E	RGB 143 94 110	#8F5E6E
16.7%	16.7% #946B77	RGB 148 107 119	#946B77
33.3%	33.3% #997880	RGB 153 120 128	#997880
50.0%	50.0% #9E8589	RGB 158 133 137	#9E8589
66.7%	66.7% #A39292	RGB 163 146 146	#A39292
83.3%	83.3% #A89F9B	RGB 168 159 155	#A89F9B
100.0%	100.0% #AEADA5	RGB 174 173 165	#AEADA5

#8F5E6E #946B77 #997880 #9E8589 #A39292 #A89F9B #AEADA5

#8F5E6E - #AEADA5

Miscela HSV

#8F5E6E - #AEADA5 | 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 #8F5E6E come 0% e #AEADA5 come 100%.

0.0%	0.0% #8F5E6E	RGB 143 94 110	#8F5E6E
16.7%	16.7% #94686D	RGB 148 104 109	#94686D
33.3%	33.3% #997673	RGB 153 118 115	#997673
50.0%	50.0% #9E887F	RGB 158 136 127	#9E887F
66.7%	66.7% #A3978B	RGB 163 151 139	#A3978B
83.3%	83.3% #A8A397	RGB 168 163 151	#A8A397
100.0%	100.0% #AEADA5	RGB 174 173 165	#AEADA5

#8F5E6E #94686D #997673 #9E887F #A3978B #A8A397 #AEADA5

#8F5E6E - #9E887F - #AEADA5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E6E 0%, #9E887F 50%, #AEADA5 100%);
    background: -webkit-linear-gradient(top, #8F5E6E 0%, #9E887F 50%, #AEADA5 100%);
    background: linear-gradient(to bottom, #8F5E6E 0%, #9E887F 50%, #AEADA5 100%);
}
</style>