#5E6156 - #2E3C0D | 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 #5E6156 a #2E3C0D

#5E6156 #2E3C0D

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

#5E6156 - #2E3C0D | 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 #5E6156 come 0% e #2E3C0D come 100%.

0.0%	0.0% #5E6156	RGB 94 97 86	#5E6156
16.7%	16.7% #565A49	RGB 86 90 73	#565A49
33.3%	33.3% #4E543D	RGB 78 84 61	#4E543D
50.0%	50.0% #464E31	RGB 70 78 49	#464E31
66.7%	66.7% #3E4825	RGB 62 72 37	#3E4825
83.3%	83.3% #364219	RGB 54 66 25	#364219
100.0%	100.0% #2E3C0D	RGB 46 60 13	#2E3C0D

#5E6156 #565A49 #4E543D #464E31 #3E4825 #364219 #2E3C0D

#5E6156 - #2E3C0D

Miscela HSV

#5E6156 - #2E3C0D | 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 #5E6156 come 0% e #2E3C0D come 100%.

0.0%	0.0% #5E6156	RGB 94 97 86	#5E6156
16.7%	16.7% #555A46	RGB 85 90 70	#555A46
33.3%	33.3% #4C5438	RGB 76 84 56	#4C5438
50.0%	50.0% #444E2B	RGB 68 78 43	#444E2B
66.7%	66.7% #3C481F	RGB 60 72 31	#3C481F
83.3%	83.3% #354215	RGB 53 66 21	#354215
100.0%	100.0% #2E3C0D	RGB 46 60 13	#2E3C0D

#5E6156 #555A46 #4C5438 #444E2B #3C481F #354215 #2E3C0D

#5E6156 - #444E2B - #2E3C0D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6156 0%, #444E2B 50%, #2E3C0D 100%);
    background: -webkit-linear-gradient(top, #5E6156 0%, #444E2B 50%, #2E3C0D 100%);
    background: linear-gradient(to bottom, #5E6156 0%, #444E2B 50%, #2E3C0D 100%);
}
</style>