#C8FDAB - #EFFEE7 | 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 #C8FDAB a #EFFEE7

#C8FDAB #EFFEE7

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

#C8FDAB - #EFFEE7 | 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 #C8FDAB come 0% e #EFFEE7 come 100%.

0.0%	0.0% #C8FDAB	RGB 200 253 171	#C8FDAB
16.7%	16.7% #CEFDB5	RGB 206 253 181	#CEFDB5
33.3%	33.3% #D5FDBF	RGB 213 253 191	#D5FDBF
50.0%	50.0% #DBFDC9	RGB 219 253 201	#DBFDC9
66.7%	66.7% #E2FDD3	RGB 226 253 211	#E2FDD3
83.3%	83.3% #E8FDDD	RGB 232 253 221	#E8FDDD
100.0%	100.0% #EFFEE7	RGB 239 254 231	#EFFEE7

#C8FDAB #CEFDB5 #D5FDBF #DBFDC9 #E2FDD3 #E8FDDD #EFFEE7

#C8FDAB - #EFFEE7

Miscela HSV

#C8FDAB - #EFFEE7 | 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 #C8FDAB come 0% e #EFFEE7 come 100%.

0.0%	0.0% #C8FDAB	RGB 200 253 171	#C8FDAB
16.7%	16.7% #CEFDB4	RGB 206 253 180	#CEFDB4
33.3%	33.3% #D4FDBE	RGB 212 253 190	#D4FDBE
50.0%	50.0% #DBFDC8	RGB 219 253 200	#DBFDC8
66.7%	66.7% #E1FDD2	RGB 225 253 210	#E1FDD2
83.3%	83.3% #E8FDDC	RGB 232 253 220	#E8FDDC
100.0%	100.0% #EFFEE7	RGB 239 254 231	#EFFEE7

#C8FDAB #CEFDB4 #D4FDBE #DBFDC8 #E1FDD2 #E8FDDC #EFFEE7

#C8FDAB - #DBFDC8 - #EFFEE7

Codici CSS

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

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