#4D3E14 - #AD8F35 | 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 #4D3E14 a #AD8F35

#4D3E14 #AD8F35

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

#4D3E14 - #AD8F35 | 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 #4D3E14 come 0% e #AD8F35 come 100%.

0.0%	0.0% #4D3E14	RGB 77 62 20	#4D3E14
16.7%	16.7% #5D4B19	RGB 93 75 25	#5D4B19
33.3%	33.3% #6D591F	RGB 109 89 31	#6D591F
50.0%	50.0% #7D6624	RGB 125 102 36	#7D6624
66.7%	66.7% #8D742A	RGB 141 116 42	#8D742A
83.3%	83.3% #9D812F	RGB 157 129 47	#9D812F
100.0%	100.0% #AD8F35	RGB 173 143 53	#AD8F35

#4D3E14 #5D4B19 #6D591F #7D6624 #8D742A #9D812F #AD8F35

#4D3E14 - #AD8F35

Miscela HSV

#4D3E14 - #AD8F35 | 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 #4D3E14 come 0% e #AD8F35 come 100%.

0.0%	0.0% #4D3E13	RGB 77 62 19	#4D3E13
16.7%	16.7% #5D4B18	RGB 93 75 24	#5D4B18
33.3%	33.3% #6D581E	RGB 109 88 30	#6D581E
50.0%	50.0% #7D6623	RGB 125 102 35	#7D6623
66.7%	66.7% #8D7329	RGB 141 115 41	#8D7329
83.3%	83.3% #9D812E	RGB 157 129 46	#9D812E
100.0%	100.0% #AD8F35	RGB 173 143 53	#AD8F35

#4D3E13 #5D4B18 #6D581E #7D6623 #8D7329 #9D812E #AD8F35

#4D3E14 - #7D6623 - #AD8F35

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3E13 0%, #7D6623 50%, #AD8F35 100%);
    background: -webkit-linear-gradient(top, #4D3E13 0%, #7D6623 50%, #AD8F35 100%);
    background: linear-gradient(to bottom, #4D3E13 0%, #7D6623 50%, #AD8F35 100%);
}
</style>