#C0FFBA - #6AF46A | 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 #C0FFBA a #6AF46A

#C0FFBA #6AF46A

Calcola il colore tra due colori, #C0FFBA e #6AF46A. 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)

#C0FFBA - #6AF46A | 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 #C0FFBA come 0% e #6AF46A come 100%.

0.0%	0.0% #C0FFBA	RGB 192 255 186	#C0FFBA
16.7%	16.7% #B1FDAC	RGB 177 253 172	#B1FDAC
33.3%	33.3% #A3FB9F	RGB 163 251 159	#A3FB9F
50.0%	50.0% #95F992	RGB 149 249 146	#95F992
66.7%	66.7% #86F784	RGB 134 247 132	#86F784
83.3%	83.3% #78F577	RGB 120 245 119	#78F577
100.0%	100.0% #6AF46A	RGB 106 244 106	#6AF46A

#C0FFBA #B1FDAC #A3FB9F #95F992 #86F784 #78F577 #6AF46A

#C0FFBA - #6AF46A

Miscela HSV

#C0FFBA - #6AF46A | 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 #C0FFBA come 0% e #6AF46A come 100%.

0.0%	0.0% #C0FFBA	RGB 192 255 186	#C0FFBA
16.7%	16.7% #B2FDAC	RGB 178 253 172	#B2FDAC
33.3%	33.3% #A3FB9E	RGB 163 251 158	#A3FB9E
50.0%	50.0% #95F991	RGB 149 249 145	#95F991
66.7%	66.7% #87F783	RGB 135 247 131	#87F783
83.3%	83.3% #78F576	RGB 120 245 118	#78F576
100.0%	100.0% #6AF46A	RGB 106 244 106	#6AF46A

#C0FFBA #B2FDAC #A3FB9E #95F991 #87F783 #78F576 #6AF46A

#C0FFBA - #95F991 - #6AF46A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FFBA 0%, #95F991 50%, #6AF46A 100%);
    background: -webkit-linear-gradient(top, #C0FFBA 0%, #95F991 50%, #6AF46A 100%);
    background: linear-gradient(to bottom, #C0FFBA 0%, #95F991 50%, #6AF46A 100%);
}
</style>