#9BA2AB - #B5E1EC | 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 #9BA2AB a #B5E1EC

#9BA2AB #B5E1EC

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

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

0.0%	0.0% #9BA2AB	RGB 155 162 171	#9BA2AB
16.7%	16.7% #9FACB5	RGB 159 172 181	#9FACB5
33.3%	33.3% #A3B7C0	RGB 163 183 192	#A3B7C0
50.0%	50.0% #A8C1CB	RGB 168 193 203	#A8C1CB
66.7%	66.7% #ACCCD6	RGB 172 204 214	#ACCCD6
83.3%	83.3% #B0D6E1	RGB 176 214 225	#B0D6E1
100.0%	100.0% #B5E1EC	RGB 181 225 236	#B5E1EC

#9BA2AB #9FACB5 #A3B7C0 #A8C1CB #ACCCD6 #B0D6E1 #B5E1EC

#9BA2AB - #B5E1EC

Miscela HSV

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

0.0%	0.0% #9BA2AB	RGB 155 162 171	#9BA2AB
16.7%	16.7% #A0ABB5	RGB 160 171 181	#A0ABB5
33.3%	33.3% #A5B4C0	RGB 165 180 192	#A5B4C0
50.0%	50.0% #AABECB	RGB 170 190 203	#AABECB
66.7%	66.7% #AEC9D6	RGB 174 201 214	#AEC9D6
83.3%	83.3% #B1D4E1	RGB 177 212 225	#B1D4E1
100.0%	100.0% #B5E1EC	RGB 181 225 236	#B5E1EC

#9BA2AB #A0ABB5 #A5B4C0 #AABECB #AEC9D6 #B1D4E1 #B5E1EC

#9BA2AB - #AABECB - #B5E1EC

Codici CSS

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

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