#112712 - #3F5E3C | 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 #112712 a #3F5E3C

#112712 #3F5E3C

Calcola il colore tra due colori, #112712 e #3F5E3C. 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)

#112712 - #3F5E3C | 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 #112712 come 0% e #3F5E3C come 100%.

0.0%	0.0% #112712	RGB 17 39 18	#112712
16.7%	16.7% #183019	RGB 24 48 25	#183019
33.3%	33.3% #203920	RGB 32 57 32	#203920
50.0%	50.0% #284227	RGB 40 66 39	#284227
66.7%	66.7% #2F4B2E	RGB 47 75 46	#2F4B2E
83.3%	83.3% #375435	RGB 55 84 53	#375435
100.0%	100.0% #3F5E3C	RGB 63 94 60	#3F5E3C

#112712 #183019 #203920 #284227 #2F4B2E #375435 #3F5E3C

#112712 - #3F5E3C

Miscela HSV

#112712 - #3F5E3C | 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 #112712 come 0% e #3F5E3C come 100%.

0.0%	0.0% #112712	RGB 17 39 18	#112712
16.7%	16.7% #163017	RGB 22 48 23	#163017
33.3%	33.3% #1C391C	RGB 28 57 28	#1C391C
50.0%	50.0% #244223	RGB 36 66 35	#244223
66.7%	66.7% #2C4B2B	RGB 44 75 43	#2C4B2B
83.3%	83.3% #355433	RGB 53 84 51	#355433
100.0%	100.0% #3F5E3C	RGB 63 94 60	#3F5E3C

#112712 #163017 #1C391C #244223 #2C4B2B #355433 #3F5E3C

#112712 - #244223 - #3F5E3C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #112712 0%, #244223 50%, #3F5E3C 100%);
    background: -webkit-linear-gradient(top, #112712 0%, #244223 50%, #3F5E3C 100%);
    background: linear-gradient(to bottom, #112712 0%, #244223 50%, #3F5E3C 100%);
}
</style>