#8C8C8D - #D9D29E | 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 #8C8C8D a #D9D29E

#8C8C8D #D9D29E

Calcola il colore tra due colori, #8C8C8D e #D9D29E. 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)

#8C8C8D - #D9D29E | 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 #8C8C8D come 0% e #D9D29E come 100%.

0.0%	0.0% #8C8C8D	RGB 140 140 141	#8C8C8D
16.7%	16.7% #98978F	RGB 152 151 143	#98978F
33.3%	33.3% #A5A392	RGB 165 163 146	#A5A392
50.0%	50.0% #B2AF95	RGB 178 175 149	#B2AF95
66.7%	66.7% #BFBA98	RGB 191 186 152	#BFBA98
83.3%	83.3% #CCC69B	RGB 204 198 155	#CCC69B
100.0%	100.0% #D9D29E	RGB 217 210 158	#D9D29E

#8C8C8D #98978F #A5A392 #B2AF95 #BFBA98 #CCC69B #D9D29E

#8C8C8D - #D9D29E

Miscela HSV

#8C8C8D - #D9D29E | 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 #8C8C8D come 0% e #D9D29E come 100%.

0.0%	0.0% #8C8C8D	RGB 140 140 141	#8C8C8D
16.7%	16.7% #959199	RGB 149 145 153	#959199
33.3%	33.3% #A596A6	RGB 165 150 166	#A596A6
50.0%	50.0% #B39AA7	RGB 179 154 167	#B39AA7
66.7%	66.7% #BF9C9F	RGB 191 156 159	#BF9C9F
83.3%	83.3% #CCB09D	RGB 204 176 157	#CCB09D
100.0%	100.0% #D9D29E	RGB 217 210 158	#D9D29E

#8C8C8D #959199 #A596A6 #B39AA7 #BF9C9F #CCB09D #D9D29E

#8C8C8D - #B39AA7 - #D9D29E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8C8D 0%, #B39AA7 50%, #D9D29E 100%);
    background: -webkit-linear-gradient(top, #8C8C8D 0%, #B39AA7 50%, #D9D29E 100%);
    background: linear-gradient(to bottom, #8C8C8D 0%, #B39AA7 50%, #D9D29E 100%);
}
</style>