#8C8D7D - #E4D09E | 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 #8C8D7D a #E4D09E

#8C8D7D #E4D09E

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

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

0.0%	0.0% #8C8D7D	RGB 140 141 125	#8C8D7D
16.7%	16.7% #9A9882	RGB 154 152 130	#9A9882
33.3%	33.3% #A9A388	RGB 169 163 136	#A9A388
50.0%	50.0% #B8AE8D	RGB 184 174 141	#B8AE8D
66.7%	66.7% #C6B993	RGB 198 185 147	#C6B993
83.3%	83.3% #D5C498	RGB 213 196 152	#D5C498
100.0%	100.0% #E4D09E	RGB 228 208 158	#E4D09E

#8C8D7D #9A9882 #A9A388 #B8AE8D #C6B993 #D5C498 #E4D09E

#8C8D7D - #E4D09E

Miscela HSV

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

0.0%	0.0% #8C8D7D	RGB 140 141 125	#8C8D7D
16.7%	16.7% #9B9B84	RGB 155 155 132	#9B9B84
33.3%	33.3% #AAA88B	RGB 170 168 139	#AAA88B
50.0%	50.0% #B8B491	RGB 184 180 145	#B8B491
66.7%	66.7% #C7BE96	RGB 199 190 150	#C7BE96
83.3%	83.3% #D5C89A	RGB 213 200 154	#D5C89A
100.0%	100.0% #E4D09E	RGB 228 208 158	#E4D09E

#8C8D7D #9B9B84 #AAA88B #B8B491 #C7BE96 #D5C89A #E4D09E

#8C8D7D - #B8B491 - #E4D09E

Codici CSS

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

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