#8D736A - #DED7D4 | 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 #8D736A a #DED7D4

#8D736A #DED7D4

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

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

0.0%	0.0% #8D736A	RGB 141 115 106	#8D736A
16.7%	16.7% #9A837B	RGB 154 131 123	#9A837B
33.3%	33.3% #A8948D	RGB 168 148 141	#A8948D
50.0%	50.0% #B5A59F	RGB 181 165 159	#B5A59F
66.7%	66.7% #C3B5B0	RGB 195 181 176	#C3B5B0
83.3%	83.3% #D0C6C2	RGB 208 198 194	#D0C6C2
100.0%	100.0% #DED7D4	RGB 222 215 212	#DED7D4

#8D736A #9A837B #A8948D #B5A59F #C3B5B0 #D0C6C2 #DED7D4

#8D736A - #DED7D4

Miscela HSV

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

0.0%	0.0% #8D736A	RGB 141 115 106	#8D736A
16.7%	16.7% #9A8279	RGB 154 130 121	#9A8279
33.3%	33.3% #A89189	RGB 168 145 137	#A89189
50.0%	50.0% #B5A29A	RGB 181 162 154	#B5A29A
66.7%	66.7% #C3B3AD	RGB 195 179 173	#C3B3AD
83.3%	83.3% #D0C4C0	RGB 208 196 192	#D0C4C0
100.0%	100.0% #DED7D4	RGB 222 215 212	#DED7D4

#8D736A #9A8279 #A89189 #B5A29A #C3B3AD #D0C4C0 #DED7D4

#8D736A - #B5A29A - #DED7D4

Codici CSS

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

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