#9A8C8C - #FDD3AE | 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 #9A8C8C a #FDD3AE

#9A8C8C #FDD3AE

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

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

0.0%	0.0% #9A8C8C	RGB 154 140 140	#9A8C8C
16.7%	16.7% #AA9791	RGB 170 151 145	#AA9791
33.3%	33.3% #BBA397	RGB 187 163 151	#BBA397
50.0%	50.0% #CBAF9D	RGB 203 175 157	#CBAF9D
66.7%	66.7% #DCBBA2	RGB 220 187 162	#DCBBA2
83.3%	83.3% #ECC7A8	RGB 236 199 168	#ECC7A8
100.0%	100.0% #FDD3AE	RGB 253 211 174	#FDD3AE

#9A8C8C #AA9791 #BBA397 #CBAF9D #DCBBA2 #ECC7A8 #FDD3AE

#9A8C8C - #FDD3AE

Miscela HSV

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

0.0%	0.0% #9A8C8C	RGB 154 140 140	#9A8C8C
16.7%	16.7% #AA9694	RGB 170 150 148	#AA9694
33.3%	33.3% #BBA19C	RGB 187 161 156	#BBA19C
50.0%	50.0% #CBACA2	RGB 203 172 162	#CBACA2
66.7%	66.7% #DCB7A7	RGB 220 183 167	#DCB7A7
83.3%	83.3% #ECC4AB	RGB 236 196 171	#ECC4AB
100.0%	100.0% #FDD3AE	RGB 253 211 174	#FDD3AE

#9A8C8C #AA9694 #BBA19C #CBACA2 #DCB7A7 #ECC4AB #FDD3AE

#9A8C8C - #CBACA2 - #FDD3AE

Codici CSS

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

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