#C2FC9F - #37482D | 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 #C2FC9F a #37482D

#C2FC9F #37482D

Calcola il colore tra due colori, #C2FC9F e #37482D. 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)

#C2FC9F - #37482D | 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 #C2FC9F come 0% e #37482D come 100%.

0.0%	0.0% #C2FC9F	RGB 194 252 159	#C2FC9F
16.7%	16.7% #AADE8C	RGB 170 222 140	#AADE8C
33.3%	33.3% #93C079	RGB 147 192 121	#93C079
50.0%	50.0% #7CA266	RGB 124 162 102	#7CA266
66.7%	66.7% #658453	RGB 101 132 83	#658453
83.3%	83.3% #4E6640	RGB 78 102 64	#4E6640
100.0%	100.0% #37482D	RGB 55 72 45	#37482D

#C2FC9F #AADE8C #93C079 #7CA266 #658453 #4E6640 #37482D

#C2FC9F - #37482D

Miscela HSV

#C2FC9F - #37482D | 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 #C2FC9F come 0% e #37482D come 100%.

0.0%	0.0% #C2FC9F	RGB 194 252 159	#C2FC9F
16.7%	16.7% #AADE8B	RGB 170 222 139	#AADE8B
33.3%	33.3% #93C078	RGB 147 192 120	#93C078
50.0%	50.0% #7CA265	RGB 124 162 101	#7CA265
66.7%	66.7% #658452	RGB 101 132 82	#658452
83.3%	83.3% #4E663F	RGB 78 102 63	#4E663F
100.0%	100.0% #37482D	RGB 55 72 45	#37482D

#C2FC9F #AADE8B #93C078 #7CA265 #658452 #4E663F #37482D

#C2FC9F - #7CA265 - #37482D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FC9F 0%, #7CA265 50%, #37482D 100%);
    background: -webkit-linear-gradient(top, #C2FC9F 0%, #7CA265 50%, #37482D 100%);
    background: linear-gradient(to bottom, #C2FC9F 0%, #7CA265 50%, #37482D 100%);
}
</style>