#AD8F5E - #FFCD7B | 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 #AD8F5E a #FFCD7B

#AD8F5E #FFCD7B

Calcola il colore tra due colori, #AD8F5E e #FFCD7B. 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)

#AD8F5E - #FFCD7B | 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 #AD8F5E come 0% e #FFCD7B come 100%.

0.0%	0.0% #AD8F5E	RGB 173 143 94	#AD8F5E
16.7%	16.7% #BA9962	RGB 186 153 98	#BA9962
33.3%	33.3% #C8A367	RGB 200 163 103	#C8A367
50.0%	50.0% #D6AE6C	RGB 214 174 108	#D6AE6C
66.7%	66.7% #E3B871	RGB 227 184 113	#E3B871
83.3%	83.3% #F1C276	RGB 241 194 118	#F1C276
100.0%	100.0% #FFCD7B	RGB 255 205 123	#FFCD7B

#AD8F5E #BA9962 #C8A367 #D6AE6C #E3B871 #F1C276 #FFCD7B

#AD8F5E - #FFCD7B

Miscela HSV

#AD8F5E - #FFCD7B | 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 #AD8F5E come 0% e #FFCD7B come 100%.

0.0%	0.0% #AD8F5E	RGB 173 143 94	#AD8F5E
16.7%	16.7% #BA9963	RGB 186 153 99	#BA9963
33.3%	33.3% #C8A468	RGB 200 164 104	#C8A468
50.0%	50.0% #D6AE6D	RGB 214 174 109	#D6AE6D
66.7%	66.7% #E3B872	RGB 227 184 114	#E3B872
83.3%	83.3% #F1C276	RGB 241 194 118	#F1C276
100.0%	100.0% #FFCD7B	RGB 255 205 123	#FFCD7B

#AD8F5E #BA9963 #C8A468 #D6AE6D #E3B872 #F1C276 #FFCD7B

#AD8F5E - #D6AE6D - #FFCD7B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD8F5E 0%, #D6AE6D 50%, #FFCD7B 100%);
    background: -webkit-linear-gradient(top, #AD8F5E 0%, #D6AE6D 50%, #FFCD7B 100%);
    background: linear-gradient(to bottom, #AD8F5E 0%, #D6AE6D 50%, #FFCD7B 100%);
}
</style>