#A8C0AD - #49846A | 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 #A8C0AD a #49846A

#A8C0AD #49846A

Calcola il colore tra due colori, #A8C0AD e #49846A. 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)

#A8C0AD - #49846A | 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 #A8C0AD come 0% e #49846A come 100%.

0.0%	0.0% #A8C0AD	RGB 168 192 173	#A8C0AD
16.7%	16.7% #98B6A1	RGB 152 182 161	#98B6A1
33.3%	33.3% #88AC96	RGB 136 172 150	#88AC96
50.0%	50.0% #78A28B	RGB 120 162 139	#78A28B
66.7%	66.7% #689880	RGB 104 152 128	#689880
83.3%	83.3% #588E75	RGB 88 142 117	#588E75
100.0%	100.0% #49846A	RGB 73 132 106	#49846A

#A8C0AD #98B6A1 #88AC96 #78A28B #689880 #588E75 #49846A

#A8C0AD - #49846A

Miscela HSV

#A8C0AD - #49846A | 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 #A8C0AD come 0% e #49846A come 100%.

0.0%	0.0% #A8C0AD	RGB 168 192 173	#A8C0AD
16.7%	16.7% #95B69E	RGB 149 182 158	#95B69E
33.3%	33.3% #84AC91	RGB 132 172 145	#84AC91
50.0%	50.0% #73A285	RGB 115 162 133	#73A285
66.7%	66.7% #64987B	RGB 100 152 123	#64987B
83.3%	83.3% #568E72	RGB 86 142 114	#568E72
100.0%	100.0% #49846A	RGB 73 132 106	#49846A

#A8C0AD #95B69E #84AC91 #73A285 #64987B #568E72 #49846A

#A8C0AD - #73A285 - #49846A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0AD 0%, #73A285 50%, #49846A 100%);
    background: -webkit-linear-gradient(top, #A8C0AD 0%, #73A285 50%, #49846A 100%);
    background: linear-gradient(to bottom, #A8C0AD 0%, #73A285 50%, #49846A 100%);
}
</style>