#525249 - #3E3108 | 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 #525249 a #3E3108

#525249 #3E3108

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

#525249 - #3E3108 | 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 #525249 come 0% e #3E3108 come 100%.

0.0%	0.0% #525249	RGB 82 82 73	#525249
16.7%	16.7% #4E4C3E	RGB 78 76 62	#4E4C3E
33.3%	33.3% #4B4733	RGB 75 71 51	#4B4733
50.0%	50.0% #484128	RGB 72 65 40	#484128
66.7%	66.7% #443C1D	RGB 68 60 29	#443C1D
83.3%	83.3% #413612	RGB 65 54 18	#413612
100.0%	100.0% #3E3108	RGB 62 49 8	#3E3108

#525249 #4E4C3E #4B4733 #484128 #443C1D #413612 #3E3108

#525249 - #3E3108

Miscela HSV

#525249 - #3E3108 | 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 #525249 come 0% e #3E3108 come 100%.

0.0%	0.0% #525249	RGB 82 82 73	#525249
16.7%	16.7% #4E4D3C	RGB 78 77 60	#4E4D3C
33.3%	33.3% #4B492F	RGB 75 73 47	#4B492F
50.0%	50.0% #484324	RGB 72 67 36	#484324
66.7%	66.7% #443D1A	RGB 68 61 26	#443D1A
83.3%	83.3% #413710	RGB 65 55 16	#413710
100.0%	100.0% #3E3108	RGB 62 49 8	#3E3108

#525249 #4E4D3C #4B492F #484324 #443D1A #413710 #3E3108

#525249 - #484324 - #3E3108

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #525249 0%, #484324 50%, #3E3108 100%);
    background: -webkit-linear-gradient(top, #525249 0%, #484324 50%, #3E3108 100%);
    background: linear-gradient(to bottom, #525249 0%, #484324 50%, #3E3108 100%);
}
</style>