#5E2018 - #B45834 | 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 #5E2018 a #B45834

#5E2018 #B45834

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

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

0.0%	0.0% #5E2018	RGB 94 32 24	#5E2018
16.7%	16.7% #6C291C	RGB 108 41 28	#6C291C
33.3%	33.3% #7A3221	RGB 122 50 33	#7A3221
50.0%	50.0% #893C26	RGB 137 60 38	#893C26
66.7%	66.7% #97452A	RGB 151 69 42	#97452A
83.3%	83.3% #A54E2F	RGB 165 78 47	#A54E2F
100.0%	100.0% #B45834	RGB 180 88 52	#B45834

#5E2018 #6C291C #7A3221 #893C26 #97452A #A54E2F #B45834

#5E2018 - #B45834

Miscela HSV

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

0.0%	0.0% #5E2018	RGB 94 32 24	#5E2018
16.7%	16.7% #6C271C	RGB 108 39 28	#6C271C
33.3%	33.3% #7A2F20	RGB 122 47 32	#7A2F20
50.0%	50.0% #893925	RGB 137 57 37	#893925
66.7%	66.7% #97422A	RGB 151 66 42	#97422A
83.3%	83.3% #A54D2E	RGB 165 77 46	#A54D2E
100.0%	100.0% #B45834	RGB 180 88 52	#B45834

#5E2018 #6C271C #7A2F20 #893925 #97422A #A54D2E #B45834

#5E2018 - #893925 - #B45834

Codici CSS

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

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