#5E2D07 - #341609 | 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 #5E2D07 a #341609

#5E2D07 #341609

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

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

0.0%	0.0% #5E2D07	RGB 94 45 7	#5E2D07
16.7%	16.7% #572907	RGB 87 41 7	#572907
33.3%	33.3% #502507	RGB 80 37 7	#502507
50.0%	50.0% #492108	RGB 73 33 8	#492108
66.7%	66.7% #421D08	RGB 66 29 8	#421D08
83.3%	83.3% #3B1908	RGB 59 25 8	#3B1908
100.0%	100.0% #341609	RGB 52 22 9	#341609

#5E2D07 #572907 #502507 #492108 #421D08 #3B1908 #341609

#5E2D07 - #341609

Miscela HSV

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

0.0%	0.0% #5E2D06	RGB 94 45 6	#5E2D06
16.7%	16.7% #572807	RGB 87 40 7	#572807
33.3%	33.3% #502408	RGB 80 36 8	#502408
50.0%	50.0% #492009	RGB 73 32 9	#492009
66.7%	66.7% #421C09	RGB 66 28 9	#421C09
83.3%	83.3% #3B1909	RGB 59 25 9	#3B1909
100.0%	100.0% #341609	RGB 52 22 9	#341609

#5E2D06 #572807 #502408 #492009 #421C09 #3B1909 #341609

#5E2D07 - #492009 - #341609

Codici CSS

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

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