#7D768D - #4B2E5E | 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 #7D768D a #4B2E5E

#7D768D #4B2E5E

Calcola il colore tra due colori, #7D768D e #4B2E5E. 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)

#7D768D - #4B2E5E | 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 #7D768D come 0% e #4B2E5E come 100%.

0.0%	0.0% #7D768D	RGB 125 118 141	#7D768D
16.7%	16.7% #746A85	RGB 116 106 133	#746A85
33.3%	33.3% #6C5E7D	RGB 108 94 125	#6C5E7D
50.0%	50.0% #645275	RGB 100 82 117	#645275
66.7%	66.7% #5B466D	RGB 91 70 109	#5B466D
83.3%	83.3% #533A65	RGB 83 58 101	#533A65
100.0%	100.0% #4B2E5E	RGB 75 46 94	#4B2E5E

#7D768D #746A85 #6C5E7D #645275 #5B466D #533A65 #4B2E5E

#7D768D - #4B2E5E

Miscela HSV

#7D768D - #4B2E5E | 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 #7D768D come 0% e #4B2E5E come 100%.

0.0%	0.0% #7D768D	RGB 125 118 141	#7D768D
16.7%	16.7% #726785	RGB 114 103 133	#726785
33.3%	33.3% #685A7D	RGB 104 90 125	#685A7D
50.0%	50.0% #5F4D75	RGB 95 77 117	#5F4D75
66.7%	66.7% #58426D	RGB 88 66 109	#58426D
83.3%	83.3% #513765	RGB 81 55 101	#513765
100.0%	100.0% #4B2E5E	RGB 75 46 94	#4B2E5E

#7D768D #726785 #685A7D #5F4D75 #58426D #513765 #4B2E5E

#7D768D - #5F4D75 - #4B2E5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D768D 0%, #5F4D75 50%, #4B2E5E 100%);
    background: -webkit-linear-gradient(top, #7D768D 0%, #5F4D75 50%, #4B2E5E 100%);
    background: linear-gradient(to bottom, #7D768D 0%, #5F4D75 50%, #4B2E5E 100%);
}
</style>