#4D3E3E - #728B7B | 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 #4D3E3E a #728B7B

#4D3E3E #728B7B

Calcola il colore tra due colori, #4D3E3E e #728B7B. 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)

#4D3E3E - #728B7B | 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 #4D3E3E come 0% e #728B7B come 100%.

0.0%	0.0% #4D3E3E	RGB 77 62 62	#4D3E3E
16.7%	16.7% #534A48	RGB 83 74 72	#534A48
33.3%	33.3% #595752	RGB 89 87 82	#595752
50.0%	50.0% #5F645C	RGB 95 100 92	#5F645C
66.7%	66.7% #657166	RGB 101 113 102	#657166
83.3%	83.3% #6B7E70	RGB 107 126 112	#6B7E70
100.0%	100.0% #728B7B	RGB 114 139 123	#728B7B

#4D3E3E #534A48 #595752 #5F645C #657166 #6B7E70 #728B7B

#4D3E3E - #728B7B

Miscela HSV

#4D3E3E - #728B7B | 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 #4D3E3E come 0% e #728B7B come 100%.

0.0%	0.0% #4D3E3E	RGB 77 62 62	#4D3E3E
16.7%	16.7% #574D46	RGB 87 77 70	#574D46
33.3%	33.3% #615D4F	RGB 97 93 79	#615D4F
50.0%	50.0% #686C57	RGB 104 108 87	#686C57
66.7%	66.7% #697660	RGB 105 118 96	#697660
83.3%	83.3% #698069	RGB 105 128 105	#698069
100.0%	100.0% #728B7B	RGB 114 139 123	#728B7B

#4D3E3E #574D46 #615D4F #686C57 #697660 #698069 #728B7B

#4D3E3E - #686C57 - #728B7B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3E3E 0%, #686C57 50%, #728B7B 100%);
    background: -webkit-linear-gradient(top, #4D3E3E 0%, #686C57 50%, #728B7B 100%);
    background: linear-gradient(to bottom, #4D3E3E 0%, #686C57 50%, #728B7B 100%);
}
</style>