#7E5E6B - #A07BD3 | 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 #7E5E6B a #A07BD3

#7E5E6B #A07BD3

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

#7E5E6B - #A07BD3 | 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 #7E5E6B come 0% e #A07BD3 come 100%.

0.0%	0.0% #7E5E6B	RGB 126 94 107	#7E5E6B
16.7%	16.7% #83627C	RGB 131 98 124	#83627C
33.3%	33.3% #89678D	RGB 137 103 141	#89678D
50.0%	50.0% #8F6C9F	RGB 143 108 159	#8F6C9F
66.7%	66.7% #9471B0	RGB 148 113 176	#9471B0
83.3%	83.3% #9A76C1	RGB 154 118 193	#9A76C1
100.0%	100.0% #A07BD3	RGB 160 123 211	#A07BD3

#7E5E6B #83627C #89678D #8F6C9F #9471B0 #9A76C1 #A07BD3

#7E5E6B - #A07BD3

Miscela HSV

#7E5E6B - #A07BD3 | 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 #7E5E6B come 0% e #A07BD3 come 100%.

0.0%	0.0% #7E5E6B	RGB 126 94 107	#7E5E6B
16.7%	16.7% #8C647C	RGB 140 100 124	#8C647C
33.3%	33.3% #9A6A90	RGB 154 106 144	#9A6A90
50.0%	50.0% #A86FA8	RGB 168 111 168	#A86FA8
66.7%	66.7% #AA74B6	RGB 170 116 182	#AA74B6
83.3%	83.3% #A778C4	RGB 167 120 196	#A778C4
100.0%	100.0% #A07BD3	RGB 160 123 211	#A07BD3

#7E5E6B #8C647C #9A6A90 #A86FA8 #AA74B6 #A778C4 #A07BD3

#7E5E6B - #A86FA8 - #A07BD3

Codici CSS

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

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