#7A786B - #59461C | 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 #7A786B a #59461C

#7A786B #59461C

Calcola il colore tra due colori, #7A786B e #59461C. 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)

#7A786B - #59461C | 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 #7A786B come 0% e #59461C come 100%.

0.0%	0.0% #7A786B	RGB 122 120 107	#7A786B
16.7%	16.7% #746F5D	RGB 116 111 93	#746F5D
33.3%	33.3% #6F6750	RGB 111 103 80	#6F6750
50.0%	50.0% #695F43	RGB 105 95 67	#695F43
66.7%	66.7% #645636	RGB 100 86 54	#645636
83.3%	83.3% #5E4E29	RGB 94 78 41	#5E4E29
100.0%	100.0% #59461C	RGB 89 70 28	#59461C

#7A786B #746F5D #6F6750 #695F43 #645636 #5E4E29 #59461C

#7A786B - #59461C

Miscela HSV

#7A786B - #59461C | 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 #7A786B come 0% e #59461C come 100%.

0.0%	0.0% #7A786B	RGB 122 120 107	#7A786B
16.7%	16.7% #74705B	RGB 116 112 91	#74705B
33.3%	33.3% #6F684C	RGB 111 104 76	#6F684C
50.0%	50.0% #69603E	RGB 105 96 62	#69603E
66.7%	66.7% #645732	RGB 100 87 50	#645732
83.3%	83.3% #5E4E26	RGB 94 78 38	#5E4E26
100.0%	100.0% #59461C	RGB 89 70 28	#59461C

#7A786B #74705B #6F684C #69603E #645732 #5E4E26 #59461C

#7A786B - #69603E - #59461C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A786B 0%, #69603E 50%, #59461C 100%);
    background: -webkit-linear-gradient(top, #7A786B 0%, #69603E 50%, #59461C 100%);
    background: linear-gradient(to bottom, #7A786B 0%, #69603E 50%, #59461C 100%);
}
</style>