#33342B - #817B5C | 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 #33342B a #817B5C

#33342B #817B5C

Calcola il colore tra due colori, #33342B e #817B5C. 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)

#33342B - #817B5C | 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 #33342B come 0% e #817B5C come 100%.

0.0%	0.0% #33342B	RGB 51 52 43	#33342B
16.7%	16.7% #403F33	RGB 64 63 51	#403F33
33.3%	33.3% #4D4B3B	RGB 77 75 59	#4D4B3B
50.0%	50.0% #5A5743	RGB 90 87 67	#5A5743
66.7%	66.7% #67634B	RGB 103 99 75	#67634B
83.3%	83.3% #746F53	RGB 116 111 83	#746F53
100.0%	100.0% #817B5C	RGB 129 123 92	#817B5C

#33342B #403F33 #4D4B3B #5A5743 #67634B #746F53 #817B5C

#33342B - #817B5C

Miscela HSV

#33342B - #817B5C | 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 #33342B come 0% e #817B5C come 100%.

0.0%	0.0% #33342B	RGB 51 52 43	#33342B
16.7%	16.7% #404034	RGB 64 64 52	#404034
33.3%	33.3% #4D4D3D	RGB 77 77 61	#4D4D3D
50.0%	50.0% #5A5945	RGB 90 89 69	#5A5945
66.7%	66.7% #67654D	RGB 103 101 77	#67654D
83.3%	83.3% #747055	RGB 116 112 85	#747055
100.0%	100.0% #817B5C	RGB 129 123 92	#817B5C

#33342B #404034 #4D4D3D #5A5945 #67654D #747055 #817B5C

#33342B - #5A5945 - #817B5C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #33342B 0%, #5A5945 50%, #817B5C 100%);
    background: -webkit-linear-gradient(top, #33342B 0%, #5A5945 50%, #817B5C 100%);
    background: linear-gradient(to bottom, #33342B 0%, #5A5945 50%, #817B5C 100%);
}
</style>