#323D37 - #5E8C5E | 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 #323D37 a #5E8C5E

#323D37 #5E8C5E

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

#323D37 - #5E8C5E | 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 #323D37 come 0% e #5E8C5E come 100%.

0.0%	0.0% #323D37	RGB 50 61 55	#323D37
16.7%	16.7% #394A3D	RGB 57 74 61	#394A3D
33.3%	33.3% #405744	RGB 64 87 68	#405744
50.0%	50.0% #48644A	RGB 72 100 74	#48644A
66.7%	66.7% #4F7151	RGB 79 113 81	#4F7151
83.3%	83.3% #567E57	RGB 86 126 87	#567E57
100.0%	100.0% #5E8C5E	RGB 94 140 94	#5E8C5E

#323D37 #394A3D #405744 #48644A #4F7151 #567E57 #5E8C5E

#323D37 - #5E8C5E

Miscela HSV

#323D37 - #5E8C5E | 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 #323D37 come 0% e #5E8C5E come 100%.

0.0%	0.0% #323D37	RGB 50 61 55	#323D37
16.7%	16.7% #3A4A40	RGB 58 74 64	#3A4A40
33.3%	33.3% #435749	RGB 67 87 73	#435749
50.0%	50.0% #4A6450	RGB 74 100 80	#4A6450
66.7%	66.7% #517156	RGB 81 113 86	#517156
83.3%	83.3% #587E5B	RGB 88 126 91	#587E5B
100.0%	100.0% #5E8C5E	RGB 94 140 94	#5E8C5E

#323D37 #3A4A40 #435749 #4A6450 #517156 #587E5B #5E8C5E

#323D37 - #4A6450 - #5E8C5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #323D37 0%, #4A6450 50%, #5E8C5E 100%);
    background: -webkit-linear-gradient(top, #323D37 0%, #4A6450 50%, #5E8C5E 100%);
    background: linear-gradient(to bottom, #323D37 0%, #4A6450 50%, #5E8C5E 100%);
}
</style>