#5E5424 - #A9BC3C | 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 #5E5424 a #A9BC3C

#5E5424 #A9BC3C

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

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

0.0%	0.0% #5E5424	RGB 94 84 36	#5E5424
16.7%	16.7% #6A6528	RGB 106 101 40	#6A6528
33.3%	33.3% #77762C	RGB 119 118 44	#77762C
50.0%	50.0% #838830	RGB 131 136 48	#838830
66.7%	66.7% #909934	RGB 144 153 52	#909934
83.3%	83.3% #9CAA38	RGB 156 170 56	#9CAA38
100.0%	100.0% #A9BC3C	RGB 169 188 60	#A9BC3C

#5E5424 #6A6528 #77762C #838830 #909934 #9CAA38 #A9BC3C

#5E5424 - #A9BC3C

Miscela HSV

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

0.0%	0.0% #5E5424	RGB 94 84 36	#5E5424
16.7%	16.7% #6D6528	RGB 109 101 40	#6D6528
33.3%	33.3% #7D782D	RGB 125 120 45	#7D782D
50.0%	50.0% #8D8B31	RGB 141 139 49	#8D8B31
66.7%	66.7% #989C35	RGB 152 156 53	#989C35
83.3%	83.3% #A1AC38	RGB 161 172 56	#A1AC38
100.0%	100.0% #A9BC3C	RGB 169 188 60	#A9BC3C

#5E5424 #6D6528 #7D782D #8D8B31 #989C35 #A1AC38 #A9BC3C

#5E5424 - #8D8B31 - #A9BC3C

Codici CSS

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

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