#AFB6AF - #6A8C5A | 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 #AFB6AF a #6A8C5A

#AFB6AF #6A8C5A

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

#AFB6AF - #6A8C5A | 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 #AFB6AF come 0% e #6A8C5A come 100%.

0.0%	0.0% #AFB6AF	RGB 175 182 175	#AFB6AF
16.7%	16.7% #A3AFA0	RGB 163 175 160	#A3AFA0
33.3%	33.3% #98A892	RGB 152 168 146	#98A892
50.0%	50.0% #8CA184	RGB 140 161 132	#8CA184
66.7%	66.7% #819A76	RGB 129 154 118	#819A76
83.3%	83.3% #759368	RGB 117 147 104	#759368
100.0%	100.0% #6A8C5A	RGB 106 140 90	#6A8C5A

#AFB6AF #A3AFA0 #98A892 #8CA184 #819A76 #759368 #6A8C5A

#AFB6AF - #6A8C5A

Miscela HSV

#AFB6AF - #6A8C5A | 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 #AFB6AF come 0% e #6A8C5A come 100%.

0.0%	0.0% #AFB6AF	RGB 175 182 175	#AFB6AF
16.7%	16.7% #9FAF9E	RGB 159 175 158	#9FAF9E
33.3%	33.3% #92A88F	RGB 146 168 143	#92A88F
50.0%	50.0% #86A181	RGB 134 161 129	#86A181
66.7%	66.7% #7B9A73	RGB 123 154 115	#7B9A73
83.3%	83.3% #729366	RGB 114 147 102	#729366
100.0%	100.0% #6A8C5A	RGB 106 140 90	#6A8C5A

#AFB6AF #9FAF9E #92A88F #86A181 #7B9A73 #729366 #6A8C5A

#AFB6AF - #86A181 - #6A8C5A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB6AF 0%, #86A181 50%, #6A8C5A 100%);
    background: -webkit-linear-gradient(top, #AFB6AF 0%, #86A181 50%, #6A8C5A 100%);
    background: linear-gradient(to bottom, #AFB6AF 0%, #86A181 50%, #6A8C5A 100%);
}
</style>