#8C8C7A - #363E2D | 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 #8C8C7A a #363E2D

#8C8C7A #363E2D

Calcola il colore tra due colori, #8C8C7A e #363E2D. 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)

#8C8C7A - #363E2D | 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 #8C8C7A come 0% e #363E2D come 100%.

0.0%	0.0% #8C8C7A	RGB 140 140 122	#8C8C7A
16.7%	16.7% #7D7F6D	RGB 125 127 109	#7D7F6D
33.3%	33.3% #6F7260	RGB 111 114 96	#6F7260
50.0%	50.0% #616553	RGB 97 101 83	#616553
66.7%	66.7% #525846	RGB 82 88 70	#525846
83.3%	83.3% #444B39	RGB 68 75 57	#444B39
100.0%	100.0% #363E2D	RGB 54 62 45	#363E2D

#8C8C7A #7D7F6D #6F7260 #616553 #525846 #444B39 #363E2D

#8C8C7A - #363E2D

Miscela HSV

#8C8C7A - #363E2D | 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 #8C8C7A come 0% e #363E2D come 100%.

0.0%	0.0% #8C8C7A	RGB 140 140 122	#8C8C7A
16.7%	16.7% #7D7F6B	RGB 125 127 107	#7D7F6B
33.3%	33.3% #6E725D	RGB 110 114 93	#6E725D
50.0%	50.0% #606550	RGB 96 101 80	#606550
66.7%	66.7% #515844	RGB 81 88 68	#515844
83.3%	83.3% #434B38	RGB 67 75 56	#434B38
100.0%	100.0% #363E2D	RGB 54 62 45	#363E2D

#8C8C7A #7D7F6B #6E725D #606550 #515844 #434B38 #363E2D

#8C8C7A - #606550 - #363E2D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8C7A 0%, #606550 50%, #363E2D 100%);
    background: -webkit-linear-gradient(top, #8C8C7A 0%, #606550 50%, #363E2D 100%);
    background: linear-gradient(to bottom, #8C8C7A 0%, #606550 50%, #363E2D 100%);
}
</style>