#C5E5B0 - #8AC25A | 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 #C5E5B0 a #8AC25A

#C5E5B0 #8AC25A

Calcola il colore tra due colori, #C5E5B0 e #8AC25A. 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)

#C5E5B0 - #8AC25A | 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 #C5E5B0 come 0% e #8AC25A come 100%.

0.0%	0.0% #C5E5B0	RGB 197 229 176	#C5E5B0
16.7%	16.7% #BBDFA1	RGB 187 223 161	#BBDFA1
33.3%	33.3% #B1D993	RGB 177 217 147	#B1D993
50.0%	50.0% #A7D385	RGB 167 211 133	#A7D385
66.7%	66.7% #9DCD76	RGB 157 205 118	#9DCD76
83.3%	83.3% #93C768	RGB 147 199 104	#93C768
100.0%	100.0% #8AC25A	RGB 138 194 90	#8AC25A

#C5E5B0 #BBDFA1 #B1D993 #A7D385 #9DCD76 #93C768 #8AC25A

#C5E5B0 - #8AC25A

Miscela HSV

#C5E5B0 - #8AC25A | 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 #C5E5B0 come 0% e #8AC25A come 100%.

0.0%	0.0% #C5E5B0	RGB 197 229 176	#C5E5B0
16.7%	16.7% #B9DFA0	RGB 185 223 160	#B9DFA0
33.3%	33.3% #AFD990	RGB 175 217 144	#AFD990
50.0%	50.0% #A5D382	RGB 165 211 130	#A5D382
66.7%	66.7% #9BCD74	RGB 155 205 116	#9BCD74
83.3%	83.3% #92C766	RGB 146 199 102	#92C766
100.0%	100.0% #8AC25A	RGB 138 194 90	#8AC25A

#C5E5B0 #B9DFA0 #AFD990 #A5D382 #9BCD74 #92C766 #8AC25A

#C5E5B0 - #A5D382 - #8AC25A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E5B0 0%, #A5D382 50%, #8AC25A 100%);
    background: -webkit-linear-gradient(top, #C5E5B0 0%, #A5D382 50%, #8AC25A 100%);
    background: linear-gradient(to bottom, #C5E5B0 0%, #A5D382 50%, #8AC25A 100%);
}
</style>