#A78599 - #5E3C4A | 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 #A78599 a #5E3C4A

#A78599 #5E3C4A

Calcola il colore tra due colori, #A78599 e #5E3C4A. 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)

#A78599 - #5E3C4A | 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 #A78599 come 0% e #5E3C4A come 100%.

0.0%	0.0% #A78599	RGB 167 133 153	#A78599
16.7%	16.7% #9A788B	RGB 154 120 139	#9A788B
33.3%	33.3% #8E6C7E	RGB 142 108 126	#8E6C7E
50.0%	50.0% #826071	RGB 130 96 113	#826071
66.7%	66.7% #765464	RGB 118 84 100	#765464
83.3%	83.3% #6A4857	RGB 106 72 87	#6A4857
100.0%	100.0% #5E3C4A	RGB 94 60 74	#5E3C4A

#A78599 #9A788B #8E6C7E #826071 #765464 #6A4857 #5E3C4A

#A78599 - #5E3C4A

Miscela HSV

#A78599 - #5E3C4A | 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 #A78599 come 0% e #5E3C4A come 100%.

0.0%	0.0% #A78599	RGB 167 133 153	#A78599
16.7%	16.7% #9A778B	RGB 154 119 139	#9A778B
33.3%	33.3% #8E6A7D	RGB 142 106 125	#8E6A7D
50.0%	50.0% #825D70	RGB 130 93 112	#825D70
66.7%	66.7% #765162	RGB 118 81 98	#765162
83.3%	83.3% #6A4656	RGB 106 70 86	#6A4656
100.0%	100.0% #5E3C4A	RGB 94 60 74	#5E3C4A

#A78599 #9A778B #8E6A7D #825D70 #765162 #6A4656 #5E3C4A

#A78599 - #825D70 - #5E3C4A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A78599 0%, #825D70 50%, #5E3C4A 100%);
    background: -webkit-linear-gradient(top, #A78599 0%, #825D70 50%, #5E3C4A 100%);
    background: linear-gradient(to bottom, #A78599 0%, #825D70 50%, #5E3C4A 100%);
}
</style>