#5E1507 - #AC451B | 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 #5E1507 a #AC451B

#5E1507 #AC451B

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

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

0.0%	0.0% #5E1507	RGB 94 21 7	#5E1507
16.7%	16.7% #6B1D0A	RGB 107 29 10	#6B1D0A
33.3%	33.3% #78250D	RGB 120 37 13	#78250D
50.0%	50.0% #852D11	RGB 133 45 17	#852D11
66.7%	66.7% #923514	RGB 146 53 20	#923514
83.3%	83.3% #9F3D17	RGB 159 61 23	#9F3D17
100.0%	100.0% #AC451B	RGB 172 69 27	#AC451B

#5E1507 #6B1D0A #78250D #852D11 #923514 #9F3D17 #AC451B

#5E1507 - #AC451B

Miscela HSV

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

0.0%	0.0% #5E1506	RGB 94 21 6	#5E1506
16.7%	16.7% #6B1B09	RGB 107 27 9	#6B1B09
33.3%	33.3% #78220C	RGB 120 34 12	#78220C
50.0%	50.0% #85290F	RGB 133 41 15	#85290F
66.7%	66.7% #923212	RGB 146 50 18	#923212
83.3%	83.3% #9F3B16	RGB 159 59 22	#9F3B16
100.0%	100.0% #AC451B	RGB 172 69 27	#AC451B

#5E1506 #6B1B09 #78220C #85290F #923212 #9F3B16 #AC451B

#5E1507 - #85290F - #AC451B

Codici CSS

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

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