#5E5E54 - #284216 | 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 #5E5E54 a #284216

#5E5E54 #284216

Calcola il colore tra due colori, #5E5E54 e #284216. 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)

#5E5E54 - #284216 | 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 #5E5E54 come 0% e #284216 come 100%.

0.0%	0.0% #5E5E54	RGB 94 94 84	#5E5E54
16.7%	16.7% #555949	RGB 85 89 73	#555949
33.3%	33.3% #4C543F	RGB 76 84 63	#4C543F
50.0%	50.0% #435035	RGB 67 80 53	#435035
66.7%	66.7% #3A4B2A	RGB 58 75 42	#3A4B2A
83.3%	83.3% #314620	RGB 49 70 32	#314620
100.0%	100.0% #284216	RGB 40 66 22	#284216

#5E5E54 #555949 #4C543F #435035 #3A4B2A #314620 #284216

#5E5E54 - #284216

Miscela HSV

#5E5E54 - #284216 | 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 #5E5E54 come 0% e #284216 come 100%.

0.0%	0.0% #5E5E54	RGB 94 94 84	#5E5E54
16.7%	16.7% #575947	RGB 87 89 71	#575947
33.3%	33.3% #4F543B	RGB 79 84 59	#4F543B
50.0%	50.0% #465031	RGB 70 80 49	#465031
66.7%	66.7% #3D4B27	RGB 61 75 39	#3D4B27
83.3%	83.3% #32461E	RGB 50 70 30	#32461E
100.0%	100.0% #284216	RGB 40 66 22	#284216

#5E5E54 #575947 #4F543B #465031 #3D4B27 #32461E #284216

#5E5E54 - #465031 - #284216

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E54 0%, #465031 50%, #284216 100%);
    background: -webkit-linear-gradient(top, #5E5E54 0%, #465031 50%, #284216 100%);
    background: linear-gradient(to bottom, #5E5E54 0%, #465031 50%, #284216 100%);
}
</style>