#7F8C7A - #2D3E2E | 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 #7F8C7A a #2D3E2E

#7F8C7A #2D3E2E

Calcola il colore tra due colori, #7F8C7A e #2D3E2E. 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)

#7F8C7A - #2D3E2E | 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 #7F8C7A come 0% e #2D3E2E come 100%.

0.0%	0.0% #7F8C7A	RGB 127 140 122	#7F8C7A
16.7%	16.7% #717F6D	RGB 113 127 109	#717F6D
33.3%	33.3% #637260	RGB 99 114 96	#637260
50.0%	50.0% #566554	RGB 86 101 84	#566554
66.7%	66.7% #485847	RGB 72 88 71	#485847
83.3%	83.3% #3A4B3A	RGB 58 75 58	#3A4B3A
100.0%	100.0% #2D3E2E	RGB 45 62 46	#2D3E2E

#7F8C7A #717F6D #637260 #566554 #485847 #3A4B3A #2D3E2E

#7F8C7A - #2D3E2E

Miscela HSV

#7F8C7A - #2D3E2E | 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 #7F8C7A come 0% e #2D3E2E come 100%.

0.0%	0.0% #7F8C7A	RGB 127 140 122	#7F8C7A
16.7%	16.7% #6F7F6B	RGB 111 127 107	#6F7F6B
33.3%	33.3% #61725D	RGB 97 114 93	#61725D
50.0%	50.0% #526550	RGB 82 101 80	#526550
66.7%	66.7% #455844	RGB 69 88 68	#455844
83.3%	83.3% #384B38	RGB 56 75 56	#384B38
100.0%	100.0% #2D3E2E	RGB 45 62 46	#2D3E2E

#7F8C7A #6F7F6B #61725D #526550 #455844 #384B38 #2D3E2E

#7F8C7A - #526550 - #2D3E2E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F8C7A 0%, #526550 50%, #2D3E2E 100%);
    background: -webkit-linear-gradient(top, #7F8C7A 0%, #526550 50%, #2D3E2E 100%);
    background: linear-gradient(to bottom, #7F8C7A 0%, #526550 50%, #2D3E2E 100%);
}
</style>