#B6BB98 - #768543 | 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 #B6BB98 a #768543

#B6BB98 #768543

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

#B6BB98 - #768543 | 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 #B6BB98 come 0% e #768543 come 100%.

0.0%	0.0% #B6BB98	RGB 182 187 152	#B6BB98
16.7%	16.7% #ABB289	RGB 171 178 137	#ABB289
33.3%	33.3% #A0A97B	RGB 160 169 123	#A0A97B
50.0%	50.0% #96A06D	RGB 150 160 109	#96A06D
66.7%	66.7% #8B975F	RGB 139 151 95	#8B975F
83.3%	83.3% #808E51	RGB 128 142 81	#808E51
100.0%	100.0% #768543	RGB 118 133 67	#768543

#B6BB98 #ABB289 #A0A97B #96A06D #8B975F #808E51 #768543

#B6BB98 - #768543

Miscela HSV

#B6BB98 - #768543 | 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 #B6BB98 come 0% e #768543 come 100%.

0.0%	0.0% #B6BB98	RGB 182 187 152	#B6BB98
16.7%	16.7% #ABB287	RGB 171 178 135	#ABB287
33.3%	33.3% #A0A977	RGB 160 169 119	#A0A977
50.0%	50.0% #95A069	RGB 149 160 105	#95A069
66.7%	66.7% #8B975B	RGB 139 151 91	#8B975B
83.3%	83.3% #808E4E	RGB 128 142 78	#808E4E
100.0%	100.0% #768543	RGB 118 133 67	#768543

#B6BB98 #ABB287 #A0A977 #95A069 #8B975B #808E4E #768543

#B6BB98 - #95A069 - #768543

Codici CSS

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

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