#5D5E3E - #3B5005 | 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 #5D5E3E a #3B5005

#5D5E3E #3B5005

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

#5D5E3E - #3B5005 | 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 #5D5E3E come 0% e #3B5005 come 100%.

0.0%	0.0% #5D5E3E	RGB 93 94 62	#5D5E3E
16.7%	16.7% #575B34	RGB 87 91 52	#575B34
33.3%	33.3% #51592B	RGB 81 89 43	#51592B
50.0%	50.0% #4C5721	RGB 76 87 33	#4C5721
66.7%	66.7% #465418	RGB 70 84 24	#465418
83.3%	83.3% #40520E	RGB 64 82 14	#40520E
100.0%	100.0% #3B5005	RGB 59 80 5	#3B5005

#5D5E3E #575B34 #51592B #4C5721 #465418 #40520E #3B5005

#5D5E3E - #3B5005

Miscela HSV

#5D5E3E - #3B5005 | 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 #5D5E3E come 0% e #3B5005 come 100%.

0.0%	0.0% #5D5E3E	RGB 93 94 62	#5D5E3E
16.7%	16.7% #585B33	RGB 88 91 51	#585B33
33.3%	33.3% #535929	RGB 83 89 41	#535929
50.0%	50.0% #4E571F	RGB 78 87 31	#4E571F
66.7%	66.7% #485416	RGB 72 84 22	#485416
83.3%	83.3% #41520D	RGB 65 82 13	#41520D
100.0%	100.0% #3B5005	RGB 59 80 5	#3B5005

#5D5E3E #585B33 #535929 #4E571F #485416 #41520D #3B5005

#5D5E3E - #4E571F - #3B5005

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E3E 0%, #4E571F 50%, #3B5005 100%);
    background: -webkit-linear-gradient(top, #5D5E3E 0%, #4E571F 50%, #3B5005 100%);
    background: linear-gradient(to bottom, #5D5E3E 0%, #4E571F 50%, #3B5005 100%);
}
</style>