#9FEC9F - #2D432D | 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 #9FEC9F a #2D432D

#9FEC9F #2D432D

Calcola il colore tra due colori, #9FEC9F e #2D432D. 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)

#9FEC9F - #2D432D | 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 #9FEC9F come 0% e #2D432D come 100%.

0.0%	0.0% #9FEC9F	RGB 159 236 159	#9FEC9F
16.7%	16.7% #8CCF8C	RGB 140 207 140	#8CCF8C
33.3%	33.3% #79B379	RGB 121 179 121	#79B379
50.0%	50.0% #669766	RGB 102 151 102	#669766
66.7%	66.7% #537B53	RGB 83 123 83	#537B53
83.3%	83.3% #405F40	RGB 64 95 64	#405F40
100.0%	100.0% #2D432D	RGB 45 67 45	#2D432D

#9FEC9F #8CCF8C #79B379 #669766 #537B53 #405F40 #2D432D

#9FEC9F - #2D432D

Miscela HSV

#9FEC9F - #2D432D | 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 #9FEC9F come 0% e #2D432D come 100%.

0.0%	0.0% #9FEC9F	RGB 159 236 159	#9FEC9F
16.7%	16.7% #8BCF8B	RGB 139 207 139	#8BCF8B
33.3%	33.3% #78B378	RGB 120 179 120	#78B378
50.0%	50.0% #659765	RGB 101 151 101	#659765
66.7%	66.7% #527B52	RGB 82 123 82	#527B52
83.3%	83.3% #3F5F3F	RGB 63 95 63	#3F5F3F
100.0%	100.0% #2D432D	RGB 45 67 45	#2D432D

#9FEC9F #8BCF8B #78B378 #659765 #527B52 #3F5F3F #2D432D

#9FEC9F - #659765 - #2D432D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FEC9F 0%, #659765 50%, #2D432D 100%);
    background: -webkit-linear-gradient(top, #9FEC9F 0%, #659765 50%, #2D432D 100%);
    background: linear-gradient(to bottom, #9FEC9F 0%, #659765 50%, #2D432D 100%);
}
</style>