#9FADAF - #2D3132 | 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 #9FADAF a #2D3132

#9FADAF #2D3132

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

#9FADAF - #2D3132 | 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 #9FADAF come 0% e #2D3132 come 100%.

0.0%	0.0% #9FADAF	RGB 159 173 175	#9FADAF
16.7%	16.7% #8C989A	RGB 140 152 154	#8C989A
33.3%	33.3% #798385	RGB 121 131 133	#798385
50.0%	50.0% #666F70	RGB 102 111 112	#666F70
66.7%	66.7% #535A5B	RGB 83 90 91	#535A5B
83.3%	83.3% #404546	RGB 64 69 70	#404546
100.0%	100.0% #2D3132	RGB 45 49 50	#2D3132

#9FADAF #8C989A #798385 #666F70 #535A5B #404546 #2D3132

#9FADAF - #2D3132

Miscela HSV

#9FADAF - #2D3132 | 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 #9FADAF come 0% e #2D3132 come 100%.

0.0%	0.0% #9FADAF	RGB 159 173 175	#9FADAF
16.7%	16.7% #8B989A	RGB 139 152 154	#8B989A
33.3%	33.3% #788385	RGB 120 131 133	#788385
50.0%	50.0% #656E70	RGB 101 110 112	#656E70
66.7%	66.7% #525A5B	RGB 82 90 91	#525A5B
83.3%	83.3% #3F4546	RGB 63 69 70	#3F4546
100.0%	100.0% #2D3132	RGB 45 49 50	#2D3132

#9FADAF #8B989A #788385 #656E70 #525A5B #3F4546 #2D3132

#9FADAF - #656E70 - #2D3132

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FADAF 0%, #656E70 50%, #2D3132 100%);
    background: -webkit-linear-gradient(top, #9FADAF 0%, #656E70 50%, #2D3132 100%);
    background: linear-gradient(to bottom, #9FADAF 0%, #656E70 50%, #2D3132 100%);
}
</style>