#7A8486 - #D9C1A5 | 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 #7A8486 a #D9C1A5

#7A8486 #D9C1A5

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

#7A8486 - #D9C1A5 | 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 #7A8486 come 0% e #D9C1A5 come 100%.

0.0%	0.0% #7A8486	RGB 122 132 134	#7A8486
16.7%	16.7% #898E8B	RGB 137 142 139	#898E8B
33.3%	33.3% #999890	RGB 153 152 144	#999890
50.0%	50.0% #A9A295	RGB 169 162 149	#A9A295
66.7%	66.7% #B9AC9A	RGB 185 172 154	#B9AC9A
83.3%	83.3% #C9B69F	RGB 201 182 159	#C9B69F
100.0%	100.0% #D9C1A5	RGB 217 193 165	#D9C1A5

#7A8486 #898E8B #999890 #A9A295 #B9AC9A #C9B69F #D9C1A5

#7A8486 - #D9C1A5

Miscela HSV

#7A8486 - #D9C1A5 | 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 #7A8486 come 0% e #D9C1A5 come 100%.

0.0%	0.0% #7A8486	RGB 122 132 134	#7A8486
16.7%	16.7% #82938F	RGB 130 147 143	#82938F
33.3%	33.3% #8BA191	RGB 139 161 145	#8BA191
50.0%	50.0% #96AF92	RGB 150 175 146	#96AF92
66.7%	66.7% #AEBD99	RGB 174 189 153	#AEBD99
83.3%	83.3% #CBCA9F	RGB 203 202 159	#CBCA9F
100.0%	100.0% #D9C1A5	RGB 217 193 165	#D9C1A5

#7A8486 #82938F #8BA191 #96AF92 #AEBD99 #CBCA9F #D9C1A5

#7A8486 - #96AF92 - #D9C1A5

Codici CSS

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

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