#AC7EA7 - #562B5E | 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 #AC7EA7 a #562B5E

#AC7EA7 #562B5E

Calcola il colore tra due colori, #AC7EA7 e #562B5E. 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)

#AC7EA7 - #562B5E | 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 #AC7EA7 come 0% e #562B5E come 100%.

0.0%	0.0% #AC7EA7	RGB 172 126 167	#AC7EA7
16.7%	16.7% #9D709A	RGB 157 112 154	#9D709A
33.3%	33.3% #8F628E	RGB 143 98 142	#8F628E
50.0%	50.0% #815482	RGB 129 84 130	#815482
66.7%	66.7% #724676	RGB 114 70 118	#724676
83.3%	83.3% #64386A	RGB 100 56 106	#64386A
100.0%	100.0% #562B5E	RGB 86 43 94	#562B5E

#AC7EA7 #9D709A #8F628E #815482 #724676 #64386A #562B5E

#AC7EA7 - #562B5E

Miscela HSV

#AC7EA7 - #562B5E | 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 #AC7EA7 come 0% e #562B5E come 100%.

0.0%	0.0% #AC7EA7	RGB 172 126 167	#AC7EA7
16.7%	16.7% #9F6D9B	RGB 159 109 155	#9F6D9B
33.3%	33.3% #925D90	RGB 146 93 144	#925D90
50.0%	50.0% #834F85	RGB 131 79 133	#834F85
66.7%	66.7% #744178	RGB 116 65 120	#744178
83.3%	83.3% #65356B	RGB 101 53 107	#65356B
100.0%	100.0% #562B5E	RGB 86 43 94	#562B5E

#AC7EA7 #9F6D9B #925D90 #834F85 #744178 #65356B #562B5E

#AC7EA7 - #834F85 - #562B5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC7EA7 0%, #834F85 50%, #562B5E 100%);
    background: -webkit-linear-gradient(top, #AC7EA7 0%, #834F85 50%, #562B5E 100%);
    background: linear-gradient(to bottom, #AC7EA7 0%, #834F85 50%, #562B5E 100%);
}
</style>