#798E5E - #3C5E17 | 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 #798E5E a #3C5E17

#798E5E #3C5E17

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

#798E5E - #3C5E17 | 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 #798E5E come 0% e #3C5E17 come 100%.

0.0%	0.0% #798E5E	RGB 121 142 94	#798E5E
16.7%	16.7% #6E8652	RGB 110 134 82	#6E8652
33.3%	33.3% #647E46	RGB 100 126 70	#647E46
50.0%	50.0% #5A763A	RGB 90 118 58	#5A763A
66.7%	66.7% #506E2E	RGB 80 110 46	#506E2E
83.3%	83.3% #466622	RGB 70 102 34	#466622
100.0%	100.0% #3C5E17	RGB 60 94 23	#3C5E17

#798E5E #6E8652 #647E46 #5A763A #506E2E #466622 #3C5E17

#798E5E - #3C5E17

Miscela HSV

#798E5E - #3C5E17 | 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 #798E5E come 0% e #3C5E17 come 100%.

0.0%	0.0% #798E5E	RGB 121 142 94	#798E5E
16.7%	16.7% #6D864F	RGB 109 134 79	#6D864F
33.3%	33.3% #627E41	RGB 98 126 65	#627E41
50.0%	50.0% #587635	RGB 88 118 53	#587635
66.7%	66.7% #4E6E2A	RGB 78 110 42	#4E6E2A
83.3%	83.3% #446620	RGB 68 102 32	#446620
100.0%	100.0% #3C5E17	RGB 60 94 23	#3C5E17

#798E5E #6D864F #627E41 #587635 #4E6E2A #446620 #3C5E17

#798E5E - #587635 - #3C5E17

Codici CSS

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

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