#4C5E3E - #74C868 | 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 #4C5E3E a #74C868

#4C5E3E #74C868

Calcola il colore tra due colori, #4C5E3E e #74C868. 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)

#4C5E3E - #74C868 | 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 #4C5E3E come 0% e #74C868 come 100%.

0.0%	0.0% #4C5E3E	RGB 76 94 62	#4C5E3E
16.7%	16.7% #526F45	RGB 82 111 69	#526F45
33.3%	33.3% #59814C	RGB 89 129 76	#59814C
50.0%	50.0% #609353	RGB 96 147 83	#609353
66.7%	66.7% #66A45A	RGB 102 164 90	#66A45A
83.3%	83.3% #6DB661	RGB 109 182 97	#6DB661
100.0%	100.0% #74C868	RGB 116 200 104	#74C868

#4C5E3E #526F45 #59814C #609353 #66A45A #6DB661 #74C868

#4C5E3E - #74C868

Miscela HSV

#4C5E3E - #74C868 | 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 #4C5E3E come 0% e #74C868 come 100%.

0.0%	0.0% #4C5E3E	RGB 76 94 62	#4C5E3E
16.7%	16.7% #566F47	RGB 86 111 71	#566F47
33.3%	33.3% #5F814F	RGB 95 129 79	#5F814F
50.0%	50.0% #679356	RGB 103 147 86	#679356
66.7%	66.7% #6DA45D	RGB 109 164 93	#6DA45D
83.3%	83.3% #71B663	RGB 113 182 99	#71B663
100.0%	100.0% #74C868	RGB 116 200 104	#74C868

#4C5E3E #566F47 #5F814F #679356 #6DA45D #71B663 #74C868

#4C5E3E - #679356 - #74C868

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E3E 0%, #679356 50%, #74C868 100%);
    background: -webkit-linear-gradient(top, #4C5E3E 0%, #679356 50%, #74C868 100%);
    background: linear-gradient(to bottom, #4C5E3E 0%, #679356 50%, #74C868 100%);
}
</style>