#C2FF09 - #78C30E | 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 #C2FF09 a #78C30E

#C2FF09 #78C30E

Calcola il colore tra due colori, #C2FF09 e #78C30E. 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)

#C2FF09 - #78C30E | 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 #C2FF09 come 0% e #78C30E come 100%.

0.0%	0.0% #C2FF09	RGB 194 255 9	#C2FF09
16.7%	16.7% #B5F509	RGB 181 245 9	#B5F509
33.3%	33.3% #A9EB0A	RGB 169 235 10	#A9EB0A
50.0%	50.0% #9DE10B	RGB 157 225 11	#9DE10B
66.7%	66.7% #90D70C	RGB 144 215 12	#90D70C
83.3%	83.3% #84CD0D	RGB 132 205 13	#84CD0D
100.0%	100.0% #78C30E	RGB 120 195 14	#78C30E

#C2FF09 #B5F509 #A9EB0A #9DE10B #90D70C #84CD0D #78C30E

#C2FF09 - #78C30E

Miscela HSV

#C2FF09 - #78C30E | 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 #C2FF09 come 0% e #78C30E come 100%.

0.0%	0.0% #C2FF08	RGB 194 255 8	#C2FF08
16.7%	16.7% #B4F50A	RGB 180 245 10	#B4F50A
33.3%	33.3% #A7EB0B	RGB 167 235 11	#A7EB0B
50.0%	50.0% #9AE10C	RGB 154 225 12	#9AE10C
66.7%	66.7% #8ED70C	RGB 142 215 12	#8ED70C
83.3%	83.3% #82CD0D	RGB 130 205 13	#82CD0D
100.0%	100.0% #78C30E	RGB 120 195 14	#78C30E

#C2FF08 #B4F50A #A7EB0B #9AE10C #8ED70C #82CD0D #78C30E

#C2FF09 - #9AE10C - #78C30E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FF08 0%, #9AE10C 50%, #78C30E 100%);
    background: -webkit-linear-gradient(top, #C2FF08 0%, #9AE10C 50%, #78C30E 100%);
    background: linear-gradient(to bottom, #C2FF08 0%, #9AE10C 50%, #78C30E 100%);
}
</style>