#C5FD9A - #EEFEE2 | 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 #C5FD9A a #EEFEE2

#C5FD9A #EEFEE2

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

#C5FD9A - #EEFEE2 | 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 #C5FD9A come 0% e #EEFEE2 come 100%.

0.0%	0.0% #C5FD9A	RGB 197 253 154	#C5FD9A
16.7%	16.7% #CBFDA6	RGB 203 253 166	#CBFDA6
33.3%	33.3% #D2FDB2	RGB 210 253 178	#D2FDB2
50.0%	50.0% #D9FDBE	RGB 217 253 190	#D9FDBE
66.7%	66.7% #E0FDCA	RGB 224 253 202	#E0FDCA
83.3%	83.3% #E7FDD6	RGB 231 253 214	#E7FDD6
100.0%	100.0% #EEFEE2	RGB 238 254 226	#EEFEE2

#C5FD9A #CBFDA6 #D2FDB2 #D9FDBE #E0FDCA #E7FDD6 #EEFEE2

#C5FD9A - #EEFEE2

Miscela HSV

#C5FD9A - #EEFEE2 | 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 #C5FD9A come 0% e #EEFEE2 come 100%.

0.0%	0.0% #C5FD9A	RGB 197 253 154	#C5FD9A
16.7%	16.7% #CBFDA5	RGB 203 253 165	#CBFDA5
33.3%	33.3% #D2FDB1	RGB 210 253 177	#D2FDB1
50.0%	50.0% #D9FDBD	RGB 217 253 189	#D9FDBD
66.7%	66.7% #E0FDC9	RGB 224 253 201	#E0FDC9
83.3%	83.3% #E7FDD5	RGB 231 253 213	#E7FDD5
100.0%	100.0% #EEFEE2	RGB 238 254 226	#EEFEE2

#C5FD9A #CBFDA5 #D2FDB1 #D9FDBD #E0FDC9 #E7FDD5 #EEFEE2

#C5FD9A - #D9FDBD - #EEFEE2

Codici CSS

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

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