#7AEB5E - #2FC922 | 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 #7AEB5E a #2FC922

#7AEB5E #2FC922

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

#7AEB5E - #2FC922 | 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 #7AEB5E come 0% e #2FC922 come 100%.

0.0%	0.0% #7AEB5E	RGB 122 235 94	#7AEB5E
16.7%	16.7% #6DE554	RGB 109 229 84	#6DE554
33.3%	33.3% #61DF4A	RGB 97 223 74	#61DF4A
50.0%	50.0% #54DA40	RGB 84 218 64	#54DA40
66.7%	66.7% #48D436	RGB 72 212 54	#48D436
83.3%	83.3% #3BCE2C	RGB 59 206 44	#3BCE2C
100.0%	100.0% #2FC922	RGB 47 201 34	#2FC922

#7AEB5E #6DE554 #61DF4A #54DA40 #48D436 #3BCE2C #2FC922

#7AEB5E - #2FC922

Miscela HSV

#7AEB5E - #2FC922 | 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 #7AEB5E come 0% e #2FC922 come 100%.

0.0%	0.0% #7AEB5E	RGB 122 235 94	#7AEB5E
16.7%	16.7% #6DE552	RGB 109 229 82	#6DE552
33.3%	33.3% #60DF48	RGB 96 223 72	#60DF48
50.0%	50.0% #53DA3E	RGB 83 218 62	#53DA3E
66.7%	66.7% #47D434	RGB 71 212 52	#47D434
83.3%	83.3% #3ACE2A	RGB 58 206 42	#3ACE2A
100.0%	100.0% #2FC922	RGB 47 201 34	#2FC922

#7AEB5E #6DE552 #60DF48 #53DA3E #47D434 #3ACE2A #2FC922

#7AEB5E - #53DA3E - #2FC922

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7AEB5E 0%, #53DA3E 50%, #2FC922 100%);
    background: -webkit-linear-gradient(top, #7AEB5E 0%, #53DA3E 50%, #2FC922 100%);
    background: linear-gradient(to bottom, #7AEB5E 0%, #53DA3E 50%, #2FC922 100%);
}
</style>