#4D4D4D - #AA7EC7 | 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 #4D4D4D a #AA7EC7

#4D4D4D #AA7EC7

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

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

0.0%	0.0% #4D4D4D	RGB 77 77 77	#4D4D4D
16.7%	16.7% #5C5561	RGB 92 85 97	#5C5561
33.3%	33.3% #6C5D75	RGB 108 93 117	#6C5D75
50.0%	50.0% #7B658A	RGB 123 101 138	#7B658A
66.7%	66.7% #8B6D9E	RGB 139 109 158	#8B6D9E
83.3%	83.3% #9A75B2	RGB 154 117 178	#9A75B2
100.0%	100.0% #AA7EC7	RGB 170 126 199	#AA7EC7

#4D4D4D #5C5561 #6C5D75 #7B658A #8B6D9E #9A75B2 #AA7EC7

#4D4D4D - #AA7EC7

Miscela HSV

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

0.0%	0.0% #4D4D4D	RGB 77 77 77	#4D4D4D
16.7%	16.7% #615B5C	RGB 97 91 92	#615B5C
33.3%	33.3% #75676D	RGB 117 103 109	#75676D
50.0%	50.0% #8A7082	RGB 138 112 130	#8A7082
66.7%	66.7% #9E779B	RGB 158 119 155	#9E779B
83.3%	83.3% #A97CB2	RGB 169 124 178	#A97CB2
100.0%	100.0% #AA7EC7	RGB 170 126 199	#AA7EC7

#4D4D4D #615B5C #75676D #8A7082 #9E779B #A97CB2 #AA7EC7

#4D4D4D - #8A7082 - #AA7EC7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D4D 0%, #8A7082 50%, #AA7EC7 100%);
    background: -webkit-linear-gradient(top, #4D4D4D 0%, #8A7082 50%, #AA7EC7 100%);
    background: linear-gradient(to bottom, #4D4D4D 0%, #8A7082 50%, #AA7EC7 100%);
}
</style>