#4D3732 - #160F0E | 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 #4D3732 a #160F0E

#4D3732 #160F0E

Calcola il colore tra due colori, #4D3732 e #160F0E. 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)

#4D3732 - #160F0E | 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 #4D3732 come 0% e #160F0E come 100%.

0.0%	0.0% #4D3732	RGB 77 55 50	#4D3732
16.7%	16.7% #43302C	RGB 67 48 44	#43302C
33.3%	33.3% #3A2926	RGB 58 41 38	#3A2926
50.0%	50.0% #312320	RGB 49 35 32	#312320
66.7%	66.7% #281C1A	RGB 40 28 26	#281C1A
83.3%	83.3% #1F1514	RGB 31 21 20	#1F1514
100.0%	100.0% #160F0E	RGB 22 15 14	#160F0E

#4D3732 #43302C #3A2926 #312320 #281C1A #1F1514 #160F0E

#4D3732 - #160F0E

Miscela HSV

#4D3732 - #160F0E | 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 #4D3732 come 0% e #160F0E come 100%.

0.0%	0.0% #4D3732	RGB 77 55 50	#4D3732
16.7%	16.7% #43302B	RGB 67 48 43	#43302B
33.3%	33.3% #3A2925	RGB 58 41 37	#3A2925
50.0%	50.0% #31221F	RGB 49 34 31	#31221F
66.7%	66.7% #281B19	RGB 40 27 25	#281B19
83.3%	83.3% #1F1513	RGB 31 21 19	#1F1513
100.0%	100.0% #160F0E	RGB 22 15 14	#160F0E

#4D3732 #43302B #3A2925 #31221F #281B19 #1F1513 #160F0E

#4D3732 - #31221F - #160F0E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3732 0%, #31221F 50%, #160F0E 100%);
    background: -webkit-linear-gradient(top, #4D3732 0%, #31221F 50%, #160F0E 100%);
    background: linear-gradient(to bottom, #4D3732 0%, #31221F 50%, #160F0E 100%);
}
</style>