#C9FC00 - #EFFEB6 | 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 #C9FC00 a #EFFEB6

#C9FC00 #EFFEB6

Calcola il colore tra due colori, #C9FC00 e #EFFEB6. 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)

#C9FC00 - #EFFEB6 | 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 #C9FC00 come 0% e #EFFEB6 come 100%.

0.0%	0.0% #C9FC00	RGB 201 252 0	#C9FC00
16.7%	16.7% #CFFC1E	RGB 207 252 30	#CFFC1E
33.3%	33.3% #D5FC3C	RGB 213 252 60	#D5FC3C
50.0%	50.0% #DCFD5B	RGB 220 253 91	#DCFD5B
66.7%	66.7% #E2FD79	RGB 226 253 121	#E2FD79
83.3%	83.3% #E8FD97	RGB 232 253 151	#E8FD97
100.0%	100.0% #EFFEB6	RGB 239 254 182	#EFFEB6

#C9FC00 #CFFC1E #D5FC3C #DCFD5B #E2FD79 #E8FD97 #EFFEB6

#C9FC00 - #EFFEB6

Miscela HSV

#C9FC00 - #EFFEB6 | 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 #C9FC00 come 0% e #EFFEB6 come 100%.

0.0%	0.0% #C9FC00	RGB 201 252 0	#C9FC00
16.7%	16.7% #CFFC1E	RGB 207 252 30	#CFFC1E
33.3%	33.3% #D5FC3C	RGB 213 252 60	#D5FC3C
50.0%	50.0% #DBFD5A	RGB 219 253 90	#DBFD5A
66.7%	66.7% #E2FD79	RGB 226 253 121	#E2FD79
83.3%	83.3% #E8FD97	RGB 232 253 151	#E8FD97
100.0%	100.0% #EFFEB6	RGB 239 254 182	#EFFEB6

#C9FC00 #CFFC1E #D5FC3C #DBFD5A #E2FD79 #E8FD97 #EFFEB6

#C9FC00 - #DBFD5A - #EFFEB6

Codici CSS

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

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