#3C3D36 - #1E2601 | 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 #3C3D36 a #1E2601

#3C3D36 #1E2601

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

#3C3D36 - #1E2601 | 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 #3C3D36 come 0% e #1E2601 come 100%.

0.0%	0.0% #3C3D36	RGB 60 61 54	#3C3D36
16.7%	16.7% #37392D	RGB 55 57 45	#37392D
33.3%	33.3% #323524	RGB 50 53 36	#323524
50.0%	50.0% #2D311B	RGB 45 49 27	#2D311B
66.7%	66.7% #282D12	RGB 40 45 18	#282D12
83.3%	83.3% #232909	RGB 35 41 9	#232909
100.0%	100.0% #1E2601	RGB 30 38 1	#1E2601

#3C3D36 #37392D #323524 #2D311B #282D12 #232909 #1E2601

#3C3D36 - #1E2601

Miscela HSV

#3C3D36 - #1E2601 | 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 #3C3D36 come 0% e #1E2601 come 100%.

0.0%	0.0% #3C3D36	RGB 60 61 54	#3C3D36
16.7%	16.7% #36392A	RGB 54 57 42	#36392A
33.3%	33.3% #31351F	RGB 49 53 31	#31351F
50.0%	50.0% #2C3116	RGB 44 49 22	#2C3116
66.7%	66.7% #272D0E	RGB 39 45 14	#272D0E
83.3%	83.3% #222907	RGB 34 41 7	#222907
100.0%	100.0% #1E2601	RGB 30 38 1	#1E2601

#3C3D36 #36392A #31351F #2C3116 #272D0E #222907 #1E2601

#3C3D36 - #2C3116 - #1E2601

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3D36 0%, #2C3116 50%, #1E2601 100%);
    background: -webkit-linear-gradient(top, #3C3D36 0%, #2C3116 50%, #1E2601 100%);
    background: linear-gradient(to bottom, #3C3D36 0%, #2C3116 50%, #1E2601 100%);
}
</style>