#5E1806 - #AD491A | 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 #5E1806 a #AD491A

#5E1806 #AD491A

Calcola il colore tra due colori, #5E1806 e #AD491A. 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)

#5E1806 - #AD491A | 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 #5E1806 come 0% e #AD491A come 100%.

0.0%	0.0% #5E1806	RGB 94 24 6	#5E1806
16.7%	16.7% #6B2009	RGB 107 32 9	#6B2009
33.3%	33.3% #78280C	RGB 120 40 12	#78280C
50.0%	50.0% #853010	RGB 133 48 16	#853010
66.7%	66.7% #923813	RGB 146 56 19	#923813
83.3%	83.3% #9F4016	RGB 159 64 22	#9F4016
100.0%	100.0% #AD491A	RGB 173 73 26	#AD491A

#5E1806 #6B2009 #78280C #853010 #923813 #9F4016 #AD491A

#5E1806 - #AD491A

Miscela HSV

#5E1806 - #AD491A | 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 #5E1806 come 0% e #AD491A come 100%.

0.0%	0.0% #5E1805	RGB 94 24 5	#5E1805
16.7%	16.7% #6B1E08	RGB 107 30 8	#6B1E08
33.3%	33.3% #78250B	RGB 120 37 11	#78250B
50.0%	50.0% #852D0E	RGB 133 45 14	#852D0E
66.7%	66.7% #923611	RGB 146 54 17	#923611
83.3%	83.3% #9F3F15	RGB 159 63 21	#9F3F15
100.0%	100.0% #AD491A	RGB 173 73 26	#AD491A

#5E1805 #6B1E08 #78250B #852D0E #923611 #9F3F15 #AD491A

#5E1806 - #852D0E - #AD491A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1805 0%, #852D0E 50%, #AD491A 100%);
    background: -webkit-linear-gradient(top, #5E1805 0%, #852D0E 50%, #AD491A 100%);
    background: linear-gradient(to bottom, #5E1805 0%, #852D0E 50%, #AD491A 100%);
}
</style>