#A6AD9F - #5E7A48 | 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 #A6AD9F a #5E7A48

#A6AD9F #5E7A48

Calcola il colore tra due colori, #A6AD9F e #5E7A48. 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)

#A6AD9F - #5E7A48 | 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 #A6AD9F come 0% e #5E7A48 come 100%.

0.0%	0.0% #A6AD9F	RGB 166 173 159	#A6AD9F
16.7%	16.7% #9AA490	RGB 154 164 144	#9AA490
33.3%	33.3% #8E9C82	RGB 142 156 130	#8E9C82
50.0%	50.0% #829373	RGB 130 147 115	#829373
66.7%	66.7% #768B65	RGB 118 139 101	#768B65
83.3%	83.3% #6A8256	RGB 106 130 86	#6A8256
100.0%	100.0% #5E7A48	RGB 94 122 72	#5E7A48

#A6AD9F #9AA490 #8E9C82 #829373 #768B65 #6A8256 #5E7A48

#A6AD9F - #5E7A48

Miscela HSV

#A6AD9F - #5E7A48 | 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 #A6AD9F come 0% e #5E7A48 come 100%.

0.0%	0.0% #A6AD9F	RGB 166 173 159	#A6AD9F
16.7%	16.7% #99A48E	RGB 153 164 142	#99A48E
33.3%	33.3% #8C9C7E	RGB 140 156 126	#8C9C7E
50.0%	50.0% #80936F	RGB 128 147 111	#80936F
66.7%	66.7% #748B61	RGB 116 139 97	#748B61
83.3%	83.3% #698254	RGB 105 130 84	#698254
100.0%	100.0% #5E7A48	RGB 94 122 72	#5E7A48

#A6AD9F #99A48E #8C9C7E #80936F #748B61 #698254 #5E7A48

#A6AD9F - #80936F - #5E7A48

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6AD9F 0%, #80936F 50%, #5E7A48 100%);
    background: -webkit-linear-gradient(top, #A6AD9F 0%, #80936F 50%, #5E7A48 100%);
    background: linear-gradient(to bottom, #A6AD9F 0%, #80936F 50%, #5E7A48 100%);
}
</style>