#3A5532 - #5CBA5E | 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 #3A5532 a #5CBA5E

#3A5532 #5CBA5E

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

#3A5532 - #5CBA5E | 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 #3A5532 come 0% e #5CBA5E come 100%.

0.0%	0.0% #3A5532	RGB 58 85 50	#3A5532
16.7%	16.7% #3F6539	RGB 63 101 57	#3F6539
33.3%	33.3% #457640	RGB 69 118 64	#457640
50.0%	50.0% #4B8748	RGB 75 135 72	#4B8748
66.7%	66.7% #50984F	RGB 80 152 79	#50984F
83.3%	83.3% #56A956	RGB 86 169 86	#56A956
100.0%	100.0% #5CBA5E	RGB 92 186 94	#5CBA5E

#3A5532 #3F6539 #457640 #4B8748 #50984F #56A956 #5CBA5E

#3A5532 - #5CBA5E

Miscela HSV

#3A5532 - #5CBA5E | 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 #3A5532 come 0% e #5CBA5E come 100%.

0.0%	0.0% #3A5532	RGB 58 85 50	#3A5532
16.7%	16.7% #42653A	RGB 66 101 58	#42653A
33.3%	33.3% #497642	RGB 73 118 66	#497642
50.0%	50.0% #4F8749	RGB 79 135 73	#4F8749
66.7%	66.7% #549850	RGB 84 152 80	#549850
83.3%	83.3% #58A956	RGB 88 169 86	#58A956
100.0%	100.0% #5CBA5E	RGB 92 186 94	#5CBA5E

#3A5532 #42653A #497642 #4F8749 #549850 #58A956 #5CBA5E

#3A5532 - #4F8749 - #5CBA5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A5532 0%, #4F8749 50%, #5CBA5E 100%);
    background: -webkit-linear-gradient(top, #3A5532 0%, #4F8749 50%, #5CBA5E 100%);
    background: linear-gradient(to bottom, #3A5532 0%, #4F8749 50%, #5CBA5E 100%);
}
</style>