#6B5200 - #DC9116 | 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 #6B5200 a #DC9116

#6B5200 #DC9116

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

#6B5200 - #DC9116 | 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 #6B5200 come 0% e #DC9116 come 100%.

0.0%	0.0% #6B5200	RGB 107 82 0	#6B5200
16.7%	16.7% #7D5C03	RGB 125 92 3	#7D5C03
33.3%	33.3% #906707	RGB 144 103 7	#906707
50.0%	50.0% #A3710B	RGB 163 113 11	#A3710B
66.7%	66.7% #B67C0E	RGB 182 124 14	#B67C0E
83.3%	83.3% #C98612	RGB 201 134 18	#C98612
100.0%	100.0% #DC9116	RGB 220 145 22	#DC9116

#6B5200 #7D5C03 #906707 #A3710B #B67C0E #C98612 #DC9116

#6B5200 - #DC9116

Miscela HSV

#6B5200 - #DC9116 | 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 #6B5200 come 0% e #DC9116 come 100%.

0.0%	0.0% #6B5200	RGB 107 82 0	#6B5200
16.7%	16.7% #7D5D02	RGB 125 93 2	#7D5D02
33.3%	33.3% #906904	RGB 144 105 4	#906904
50.0%	50.0% #A37308	RGB 163 115 8	#A37308
66.7%	66.7% #B67E0C	RGB 182 126 12	#B67E0C
83.3%	83.3% #C98710	RGB 201 135 16	#C98710
100.0%	100.0% #DC9116	RGB 220 145 22	#DC9116

#6B5200 #7D5D02 #906904 #A37308 #B67E0C #C98710 #DC9116

#6B5200 - #A37308 - #DC9116

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5200 0%, #A37308 50%, #DC9116 100%);
    background: -webkit-linear-gradient(top, #6B5200 0%, #A37308 50%, #DC9116 100%);
    background: linear-gradient(to bottom, #6B5200 0%, #A37308 50%, #DC9116 100%);
}
</style>