#8C8C8C - #467A35 | 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 #8C8C8C a #467A35

#8C8C8C #467A35

Calcola il colore tra due colori, #8C8C8C e #467A35. 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)

#8C8C8C - #467A35 | 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 #8C8C8C come 0% e #467A35 come 100%.

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #80897D	RGB 128 137 125	#80897D
33.3%	33.3% #74866F	RGB 116 134 111	#74866F
50.0%	50.0% #698360	RGB 105 131 96	#698360
66.7%	66.7% #5D8052	RGB 93 128 82	#5D8052
83.3%	83.3% #517D43	RGB 81 125 67	#517D43
100.0%	100.0% #467A35	RGB 70 122 53	#467A35

#8C8C8C #80897D #74866F #698360 #5D8052 #517D43 #467A35

#8C8C8C - #467A35

Miscela HSV

#8C8C8C - #467A35 | 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 #8C8C8C come 0% e #467A35 come 100%.

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #897F7C	RGB 137 127 124	#897F7C
33.3%	33.3% #867B6C	RGB 134 123 108	#867B6C
50.0%	50.0% #837E5D	RGB 131 126 93	#837E5D
66.7%	66.7% #77804F	RGB 119 128 79	#77804F
83.3%	83.3% #617D42	RGB 97 125 66	#617D42
100.0%	100.0% #467A35	RGB 70 122 53	#467A35

#8C8C8C #897F7C #867B6C #837E5D #77804F #617D42 #467A35

#8C8C8C - #837E5D - #467A35

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8C8C 0%, #837E5D 50%, #467A35 100%);
    background: -webkit-linear-gradient(top, #8C8C8C 0%, #837E5D 50%, #467A35 100%);
    background: linear-gradient(to bottom, #8C8C8C 0%, #837E5D 50%, #467A35 100%);
}
</style>