#9AAFA7 - #B5EEC6 | 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 #9AAFA7 a #B5EEC6

#9AAFA7 #B5EEC6

Calcola il colore tra due colori, #9AAFA7 e #B5EEC6. 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)

#9AAFA7 - #B5EEC6 | 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 #9AAFA7 come 0% e #B5EEC6 come 100%.

0.0%	0.0% #9AAFA7	RGB 154 175 167	#9AAFA7
16.7%	16.7% #9EB9AC	RGB 158 185 172	#9EB9AC
33.3%	33.3% #A3C4B1	RGB 163 196 177	#A3C4B1
50.0%	50.0% #A7CEB6	RGB 167 206 182	#A7CEB6
66.7%	66.7% #ACD9BB	RGB 172 217 187	#ACD9BB
83.3%	83.3% #B0E3C0	RGB 176 227 192	#B0E3C0
100.0%	100.0% #B5EEC6	RGB 181 238 198	#B5EEC6

#9AAFA7 #9EB9AC #A3C4B1 #A7CEB6 #ACD9BB #B0E3C0 #B5EEC6

#9AAFA7 - #B5EEC6

Miscela HSV

#9AAFA7 - #B5EEC6 | 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 #9AAFA7 come 0% e #B5EEC6 come 100%.

0.0%	0.0% #9AAFA7	RGB 154 175 167	#9AAFA7
16.7%	16.7% #9FB9AE	RGB 159 185 174	#9FB9AE
33.3%	33.3% #A4C4B4	RGB 164 196 180	#A4C4B4
50.0%	50.0% #A9CEBA	RGB 169 206 186	#A9CEBA
66.7%	66.7% #ADD9BF	RGB 173 217 191	#ADD9BF
83.3%	83.3% #B1E3C3	RGB 177 227 195	#B1E3C3
100.0%	100.0% #B5EEC6	RGB 181 238 198	#B5EEC6

#9AAFA7 #9FB9AE #A4C4B4 #A9CEBA #ADD9BF #B1E3C3 #B5EEC6

#9AAFA7 - #A9CEBA - #B5EEC6

Codici CSS

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

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