#6B5E37 - #4B3208 | 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 #6B5E37 a #4B3208

#6B5E37 #4B3208

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

#6B5E37 - #4B3208 | 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 #6B5E37 come 0% e #4B3208 come 100%.

0.0%	0.0% #6B5E37	RGB 107 94 55	#6B5E37
16.7%	16.7% #65562F	RGB 101 86 47	#65562F
33.3%	33.3% #604F27	RGB 96 79 39	#604F27
50.0%	50.0% #5B481F	RGB 91 72 31	#5B481F
66.7%	66.7% #554017	RGB 85 64 23	#554017
83.3%	83.3% #50390F	RGB 80 57 15	#50390F
100.0%	100.0% #4B3208	RGB 75 50 8	#4B3208

#6B5E37 #65562F #604F27 #5B481F #554017 #50390F #4B3208

#6B5E37 - #4B3208

Miscela HSV

#6B5E37 - #4B3208 | 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 #6B5E37 come 0% e #4B3208 come 100%.

0.0%	0.0% #6B5E37	RGB 107 94 55	#6B5E37
16.7%	16.7% #65562D	RGB 101 86 45	#65562D
33.3%	33.3% #604E24	RGB 96 78 36	#604E24
50.0%	50.0% #5B471C	RGB 91 71 28	#5B471C
66.7%	66.7% #554014	RGB 85 64 20	#554014
83.3%	83.3% #50380E	RGB 80 56 14	#50380E
100.0%	100.0% #4B3208	RGB 75 50 8	#4B3208

#6B5E37 #65562D #604E24 #5B471C #554014 #50380E #4B3208

#6B5E37 - #5B471C - #4B3208

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E37 0%, #5B471C 50%, #4B3208 100%);
    background: -webkit-linear-gradient(top, #6B5E37 0%, #5B471C 50%, #4B3208 100%);
    background: linear-gradient(to bottom, #6B5E37 0%, #5B471C 50%, #4B3208 100%);
}
</style>