#C5E5A8 - #76AF4E | 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 #C5E5A8 a #76AF4E

#C5E5A8 #76AF4E

Calcola il colore tra due colori, #C5E5A8 e #76AF4E. 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)

#C5E5A8 - #76AF4E | 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 #C5E5A8 come 0% e #76AF4E come 100%.

0.0%	0.0% #C5E5A8	RGB 197 229 168	#C5E5A8
16.7%	16.7% #B7DC99	RGB 183 220 153	#B7DC99
33.3%	33.3% #AAD38A	RGB 170 211 138	#AAD38A
50.0%	50.0% #9DCA7B	RGB 157 202 123	#9DCA7B
66.7%	66.7% #90C16C	RGB 144 193 108	#90C16C
83.3%	83.3% #83B85D	RGB 131 184 93	#83B85D
100.0%	100.0% #76AF4E	RGB 118 175 78	#76AF4E

#C5E5A8 #B7DC99 #AAD38A #9DCA7B #90C16C #83B85D #76AF4E

#C5E5A8 - #76AF4E

Miscela HSV

#C5E5A8 - #76AF4E | 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 #C5E5A8 come 0% e #76AF4E come 100%.

0.0%	0.0% #C5E5A8	RGB 197 229 168	#C5E5A8
16.7%	16.7% #B6DC96	RGB 182 220 150	#B6DC96
33.3%	33.3% #A9D386	RGB 169 211 134	#A9D386
50.0%	50.0% #9BCA77	RGB 155 202 119	#9BCA77
66.7%	66.7% #8EC168	RGB 142 193 104	#8EC168
83.3%	83.3% #82B85A	RGB 130 184 90	#82B85A
100.0%	100.0% #76AF4E	RGB 118 175 78	#76AF4E

#C5E5A8 #B6DC96 #A9D386 #9BCA77 #8EC168 #82B85A #76AF4E

#C5E5A8 - #9BCA77 - #76AF4E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E5A8 0%, #9BCA77 50%, #76AF4E 100%);
    background: -webkit-linear-gradient(top, #C5E5A8 0%, #9BCA77 50%, #76AF4E 100%);
    background: linear-gradient(to bottom, #C5E5A8 0%, #9BCA77 50%, #76AF4E 100%);
}
</style>