#5E863E - #29560A | 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 #5E863E a #29560A

#5E863E #29560A

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

#5E863E - #29560A | 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 #5E863E come 0% e #29560A come 100%.

0.0%	0.0% #5E863E	RGB 94 134 62	#5E863E
16.7%	16.7% #557E35	RGB 85 126 53	#557E35
33.3%	33.3% #4C762C	RGB 76 118 44	#4C762C
50.0%	50.0% #436E24	RGB 67 110 36	#436E24
66.7%	66.7% #3A661B	RGB 58 102 27	#3A661B
83.3%	83.3% #315E12	RGB 49 94 18	#315E12
100.0%	100.0% #29560A	RGB 41 86 10	#29560A

#5E863E #557E35 #4C762C #436E24 #3A661B #315E12 #29560A

#5E863E - #29560A

Miscela HSV

#5E863E - #29560A | 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 #5E863E come 0% e #29560A come 100%.

0.0%	0.0% #5E863E	RGB 94 134 62	#5E863E
16.7%	16.7% #537E33	RGB 83 126 51	#537E33
33.3%	33.3% #4A7628	RGB 74 118 40	#4A7628
50.0%	50.0% #416E1F	RGB 65 110 31	#416E1F
66.7%	66.7% #386617	RGB 56 102 23	#386617
83.3%	83.3% #305E10	RGB 48 94 16	#305E10
100.0%	100.0% #29560A	RGB 41 86 10	#29560A

#5E863E #537E33 #4A7628 #416E1F #386617 #305E10 #29560A

#5E863E - #416E1F - #29560A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E863E 0%, #416E1F 50%, #29560A 100%);
    background: -webkit-linear-gradient(top, #5E863E 0%, #416E1F 50%, #29560A 100%);
    background: linear-gradient(to bottom, #5E863E 0%, #416E1F 50%, #29560A 100%);
}
</style>