#7E9F5E - #232D1A | 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 #7E9F5E a #232D1A

#7E9F5E #232D1A

Calcola il colore tra due colori, #7E9F5E e #232D1A. 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)

#7E9F5E - #232D1A | 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 #7E9F5E come 0% e #232D1A come 100%.

0.0%	0.0% #7E9F5E	RGB 126 159 94	#7E9F5E
16.7%	16.7% #6E8C52	RGB 110 140 82	#6E8C52
33.3%	33.3% #5F7947	RGB 95 121 71	#5F7947
50.0%	50.0% #50663C	RGB 80 102 60	#50663C
66.7%	66.7% #415330	RGB 65 83 48	#415330
83.3%	83.3% #324025	RGB 50 64 37	#324025
100.0%	100.0% #232D1A	RGB 35 45 26	#232D1A

#7E9F5E #6E8C52 #5F7947 #50663C #415330 #324025 #232D1A

#7E9F5E - #232D1A

Miscela HSV

#7E9F5E - #232D1A | 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 #7E9F5E come 0% e #232D1A come 100%.

0.0%	0.0% #7E9F5E	RGB 126 159 94	#7E9F5E
16.7%	16.7% #6E8C52	RGB 110 140 82	#6E8C52
33.3%	33.3% #5F7946	RGB 95 121 70	#5F7946
50.0%	50.0% #50663B	RGB 80 102 59	#50663B
66.7%	66.7% #405330	RGB 64 83 48	#405330
83.3%	83.3% #314025	RGB 49 64 37	#314025
100.0%	100.0% #232D1A	RGB 35 45 26	#232D1A

#7E9F5E #6E8C52 #5F7946 #50663B #405330 #314025 #232D1A

#7E9F5E - #50663B - #232D1A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E9F5E 0%, #50663B 50%, #232D1A 100%);
    background: -webkit-linear-gradient(top, #7E9F5E 0%, #50663B 50%, #232D1A 100%);
    background: linear-gradient(to bottom, #7E9F5E 0%, #50663B 50%, #232D1A 100%);
}
</style>