#5E583C - #A76B73 | 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 #5E583C a #A76B73

#5E583C #A76B73

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

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

0.0%	0.0% #5E583C	RGB 94 88 60	#5E583C
16.7%	16.7% #6A5B45	RGB 106 91 69	#6A5B45
33.3%	33.3% #765E4E	RGB 118 94 78	#765E4E
50.0%	50.0% #826157	RGB 130 97 87	#826157
66.7%	66.7% #8E6460	RGB 142 100 96	#8E6460
83.3%	83.3% #9A6769	RGB 154 103 105	#9A6769
100.0%	100.0% #A76B73	RGB 167 107 115	#A76B73

#5E583C #6A5B45 #765E4E #826157 #8E6460 #9A6769 #A76B73

#5E583C - #A76B73

Miscela HSV

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

0.0%	0.0% #5E583C	RGB 94 88 60	#5E583C
16.7%	16.7% #6A5D43	RGB 106 93 67	#6A5D43
33.3%	33.3% #76614B	RGB 118 97 75	#76614B
50.0%	50.0% #826353	RGB 130 99 83	#826353
66.7%	66.7% #8E645B	RGB 142 100 91	#8E645B
83.3%	83.3% #9A6463	RGB 154 100 99	#9A6463
100.0%	100.0% #A76B73	RGB 167 107 115	#A76B73

#5E583C #6A5D43 #76614B #826353 #8E645B #9A6463 #A76B73

#5E583C - #826353 - #A76B73

Codici CSS

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

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