#30411F - #5E984A | 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 #30411F a #5E984A

#30411F #5E984A

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

#30411F - #5E984A | 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 #30411F come 0% e #5E984A come 100%.

0.0%	0.0% #30411F	RGB 48 65 31	#30411F
16.7%	16.7% #374F26	RGB 55 79 38	#374F26
33.3%	33.3% #3F5E2D	RGB 63 94 45	#3F5E2D
50.0%	50.0% #476C34	RGB 71 108 52	#476C34
66.7%	66.7% #4E7B3B	RGB 78 123 59	#4E7B3B
83.3%	83.3% #568942	RGB 86 137 66	#568942
100.0%	100.0% #5E984A	RGB 94 152 74	#5E984A

#30411F #374F26 #3F5E2D #476C34 #4E7B3B #568942 #5E984A

#30411F - #5E984A

Miscela HSV

#30411F - #5E984A | 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 #30411F come 0% e #5E984A come 100%.

0.0%	0.0% #30411F	RGB 48 65 31	#30411F
16.7%	16.7% #394F26	RGB 57 79 38	#394F26
33.3%	33.3% #415E2D	RGB 65 94 45	#415E2D
50.0%	50.0% #496C34	RGB 73 108 52	#496C34
66.7%	66.7% #507B3B	RGB 80 123 59	#507B3B
83.3%	83.3% #578942	RGB 87 137 66	#578942
100.0%	100.0% #5E984A	RGB 94 152 74	#5E984A

#30411F #394F26 #415E2D #496C34 #507B3B #578942 #5E984A

#30411F - #496C34 - #5E984A

Codici CSS

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

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