#103631 - #3E7C5C | 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 #103631 a #3E7C5C

#103631 #3E7C5C

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

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

0.0%	0.0% #103631	RGB 16 54 49	#103631
16.7%	16.7% #174138	RGB 23 65 56	#174138
33.3%	33.3% #1F4D3F	RGB 31 77 63	#1F4D3F
50.0%	50.0% #275946	RGB 39 89 70	#275946
66.7%	66.7% #2E644D	RGB 46 100 77	#2E644D
83.3%	83.3% #367054	RGB 54 112 84	#367054
100.0%	100.0% #3E7C5C	RGB 62 124 92	#3E7C5C

#103631 #174138 #1F4D3F #275946 #2E644D #367054 #3E7C5C

#103631 - #3E7C5C

Miscela HSV

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

0.0%	0.0% #103631	RGB 16 54 49	#103631
16.7%	16.7% #154139	RGB 21 65 57	#154139
33.3%	33.3% #1C4D40	RGB 28 77 64	#1C4D40
50.0%	50.0% #235947	RGB 35 89 71	#235947
66.7%	66.7% #2B644E	RGB 43 100 78	#2B644E
83.3%	83.3% #347055	RGB 52 112 85	#347055
100.0%	100.0% #3E7C5C	RGB 62 124 92	#3E7C5C

#103631 #154139 #1C4D40 #235947 #2B644E #347055 #3E7C5C

#103631 - #235947 - #3E7C5C

Codici CSS

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

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