#3E5E4E - #0A3024 | 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 #3E5E4E a #0A3024

#3E5E4E #0A3024

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

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

0.0%	0.0% #3E5E4E	RGB 62 94 78	#3E5E4E
16.7%	16.7% #355647	RGB 53 86 71	#355647
33.3%	33.3% #2C4E40	RGB 44 78 64	#2C4E40
50.0%	50.0% #244739	RGB 36 71 57	#244739
66.7%	66.7% #1B3F32	RGB 27 63 50	#1B3F32
83.3%	83.3% #12372B	RGB 18 55 43	#12372B
100.0%	100.0% #0A3024	RGB 10 48 36	#0A3024

#3E5E4E #355647 #2C4E40 #244739 #1B3F32 #12372B #0A3024

#3E5E4E - #0A3024

Miscela HSV

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

0.0%	0.0% #3E5E4E	RGB 62 94 78	#3E5E4E
16.7%	16.7% #325645	RGB 50 86 69	#325645
33.3%	33.3% #284E3D	RGB 40 78 61	#284E3D
50.0%	50.0% #1E4736	RGB 30 71 54	#1E4736
66.7%	66.7% #163F30	RGB 22 63 48	#163F30
83.3%	83.3% #0F3729	RGB 15 55 41	#0F3729
100.0%	100.0% #0A3024	RGB 10 48 36	#0A3024

#3E5E4E #325645 #284E3D #1E4736 #163F30 #0F3729 #0A3024

#3E5E4E - #1E4736 - #0A3024

Codici CSS

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

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