#373532 - #9E7B5E | 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 #373532 a #9E7B5E

#373532 #9E7B5E

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

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

0.0%	0.0% #373532	RGB 55 53 50	#373532
16.7%	16.7% #484039	RGB 72 64 57	#484039
33.3%	33.3% #594C40	RGB 89 76 64	#594C40
50.0%	50.0% #6A5848	RGB 106 88 72	#6A5848
66.7%	66.7% #7B634F	RGB 123 99 79	#7B634F
83.3%	83.3% #8C6F56	RGB 140 111 86	#8C6F56
100.0%	100.0% #9E7B5E	RGB 158 123 94	#9E7B5E

#373532 #484039 #594C40 #6A5848 #7B634F #8C6F56 #9E7B5E

#373532 - #9E7B5E

Miscela HSV

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

0.0%	0.0% #373532	RGB 55 53 50	#373532
16.7%	16.7% #48433D	RGB 72 67 61	#48433D
33.3%	33.3% #595147	RGB 89 81 71	#595147
50.0%	50.0% #6A5D50	RGB 106 93 80	#6A5D50
66.7%	66.7% #7B6956	RGB 123 105 86	#7B6956
83.3%	83.3% #8C725B	RGB 140 114 91	#8C725B
100.0%	100.0% #9E7B5E	RGB 158 123 94	#9E7B5E

#373532 #48433D #595147 #6A5D50 #7B6956 #8C725B #9E7B5E

#373532 - #6A5D50 - #9E7B5E

Codici CSS

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

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