#2D2E2B - #8C8054 | 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 #2D2E2B a #8C8054

#2D2E2B #8C8054

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

#2D2E2B - #8C8054 | 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 #2D2E2B come 0% e #8C8054 come 100%.

0.0%	0.0% #2D2E2B	RGB 45 46 43	#2D2E2B
16.7%	16.7% #3C3B31	RGB 60 59 49	#3C3B31
33.3%	33.3% #4C4938	RGB 76 73 56	#4C4938
50.0%	50.0% #5C573F	RGB 92 87 63	#5C573F
66.7%	66.7% #6C6446	RGB 108 100 70	#6C6446
83.3%	83.3% #7C724D	RGB 124 114 77	#7C724D
100.0%	100.0% #8C8054	RGB 140 128 84	#8C8054

#2D2E2B #3C3B31 #4C4938 #5C573F #6C6446 #7C724D #8C8054

#2D2E2B - #8C8054

Miscela HSV

#2D2E2B - #8C8054 | 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 #2D2E2B come 0% e #8C8054 come 100%.

0.0%	0.0% #2D2E2B	RGB 45 46 43	#2D2E2B
16.7%	16.7% #3B3D36	RGB 59 61 54	#3B3D36
33.3%	33.3% #4B4D3F	RGB 75 77 63	#4B4D3F
50.0%	50.0% #5B5D47	RGB 91 93 71	#5B5D47
66.7%	66.7% #6C6B4D	RGB 108 107 77	#6C6B4D
83.3%	83.3% #7C7751	RGB 124 119 81	#7C7751
100.0%	100.0% #8C8054	RGB 140 128 84	#8C8054

#2D2E2B #3B3D36 #4B4D3F #5B5D47 #6C6B4D #7C7751 #8C8054

#2D2E2B - #5B5D47 - #8C8054

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2E2B 0%, #5B5D47 50%, #8C8054 100%);
    background: -webkit-linear-gradient(top, #2D2E2B 0%, #5B5D47 50%, #8C8054 100%);
    background: linear-gradient(to bottom, #2D2E2B 0%, #5B5D47 50%, #8C8054 100%);
}
</style>