#6F7B5E - #364F14 | 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 #6F7B5E a #364F14

#6F7B5E #364F14

Calcola il colore tra due colori, #6F7B5E e #364F14. 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)

#6F7B5E - #364F14 | 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 #6F7B5E come 0% e #364F14 come 100%.

0.0%	0.0% #6F7B5E	RGB 111 123 94	#6F7B5E
16.7%	16.7% #657351	RGB 101 115 81	#657351
33.3%	33.3% #5C6C45	RGB 92 108 69	#5C6C45
50.0%	50.0% #526539	RGB 82 101 57	#526539
66.7%	66.7% #495D2C	RGB 73 93 44	#495D2C
83.3%	83.3% #3F5620	RGB 63 86 32	#3F5620
100.0%	100.0% #364F14	RGB 54 79 20	#364F14

#6F7B5E #657351 #5C6C45 #526539 #495D2C #3F5620 #364F14

#6F7B5E - #364F14

Miscela HSV

#6F7B5E - #364F14 | 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 #6F7B5E come 0% e #364F14 come 100%.

0.0%	0.0% #6F7B5E	RGB 111 123 94	#6F7B5E
16.7%	16.7% #64734E	RGB 100 115 78	#64734E
33.3%	33.3% #596C40	RGB 89 108 64	#596C40
50.0%	50.0% #506533	RGB 80 101 51	#506533
66.7%	66.7% #465D27	RGB 70 93 39	#465D27
83.3%	83.3% #3E561D	RGB 62 86 29	#3E561D
100.0%	100.0% #364F14	RGB 54 79 20	#364F14

#6F7B5E #64734E #596C40 #506533 #465D27 #3E561D #364F14

#6F7B5E - #506533 - #364F14

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F7B5E 0%, #506533 50%, #364F14 100%);
    background: -webkit-linear-gradient(top, #6F7B5E 0%, #506533 50%, #364F14 100%);
    background: linear-gradient(to bottom, #6F7B5E 0%, #506533 50%, #364F14 100%);
}
</style>