#A8A6A6 - #B9A8D3 | 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 #A8A6A6 a #B9A8D3

#A8A6A6 #B9A8D3

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

#A8A6A6 - #B9A8D3 | 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 #A8A6A6 come 0% e #B9A8D3 come 100%.

0.0%	0.0% #A8A6A6	RGB 168 166 166	#A8A6A6
16.7%	16.7% #AAA6AD	RGB 170 166 173	#AAA6AD
33.3%	33.3% #ADA6B5	RGB 173 166 181	#ADA6B5
50.0%	50.0% #B0A7BC	RGB 176 167 188	#B0A7BC
66.7%	66.7% #B3A7C4	RGB 179 167 196	#B3A7C4
83.3%	83.3% #B6A7CB	RGB 182 167 203	#B6A7CB
100.0%	100.0% #B9A8D3	RGB 185 168 211	#B9A8D3

#A8A6A6 #AAA6AD #ADA6B5 #B0A7BC #B3A7C4 #B6A7CB #B9A8D3

#A8A6A6 - #B9A8D3

Miscela HSV

#A8A6A6 - #B9A8D3 | 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 #A8A6A6 come 0% e #B9A8D3 come 100%.

0.0%	0.0% #A8A6A6	RGB 168 166 166	#A8A6A6
16.7%	16.7% #AFA7A9	RGB 175 167 169	#AFA7A9
33.3%	33.3% #B6A8AF	RGB 182 168 175	#B6A8AF
50.0%	50.0% #BDA9B9	RGB 189 169 185	#BDA9B9
66.7%	66.7% #C2A9C4	RGB 194 169 196	#C2A9C4
83.3%	83.3% #C0A8CB	RGB 192 168 203	#C0A8CB
100.0%	100.0% #B9A8D3	RGB 185 168 211	#B9A8D3

#A8A6A6 #AFA7A9 #B6A8AF #BDA9B9 #C2A9C4 #C0A8CB #B9A8D3

#A8A6A6 - #BDA9B9 - #B9A8D3

Codici CSS

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

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