#7A828F - #D9DBDF | 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 #7A828F a #D9DBDF

#7A828F #D9DBDF

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

#7A828F - #D9DBDF | 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 #7A828F come 0% e #D9DBDF come 100%.

0.0%	0.0% #7A828F	RGB 122 130 143	#7A828F
16.7%	16.7% #89909C	RGB 137 144 156	#89909C
33.3%	33.3% #999FA9	RGB 153 159 169	#999FA9
50.0%	50.0% #A9AEB7	RGB 169 174 183	#A9AEB7
66.7%	66.7% #B9BDC4	RGB 185 189 196	#B9BDC4
83.3%	83.3% #C9CCD1	RGB 201 204 209	#C9CCD1
100.0%	100.0% #D9DBDF	RGB 217 219 223	#D9DBDF

#7A828F #89909C #999FA9 #A9AEB7 #B9BDC4 #C9CCD1 #D9DBDF

#7A828F - #D9DBDF

Miscela HSV

#7A828F - #D9DBDF | 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 #7A828F come 0% e #D9DBDF come 100%.

0.0%	0.0% #7A828F	RGB 122 130 143	#7A828F
16.7%	16.7% #888F9C	RGB 136 143 156	#888F9C
33.3%	33.3% #979EA9	RGB 151 158 169	#979EA9
50.0%	50.0% #A7ACB7	RGB 167 172 183	#A7ACB7
66.7%	66.7% #B7BBC4	RGB 183 187 196	#B7BBC4
83.3%	83.3% #C7CBD1	RGB 199 203 209	#C7CBD1
100.0%	100.0% #D9DBDF	RGB 217 219 223	#D9DBDF

#7A828F #888F9C #979EA9 #A7ACB7 #B7BBC4 #C7CBD1 #D9DBDF

#7A828F - #A7ACB7 - #D9DBDF

Codici CSS

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

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