#C7FFEC - #EFFFF9 | 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 #C7FFEC a #EFFFF9

#C7FFEC #EFFFF9

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

#C7FFEC - #EFFFF9 | 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 #C7FFEC come 0% e #EFFFF9 come 100%.

0.0%	0.0% #C7FFEC	RGB 199 255 236	#C7FFEC
16.7%	16.7% #CDFFEE	RGB 205 255 238	#CDFFEE
33.3%	33.3% #D4FFF0	RGB 212 255 240	#D4FFF0
50.0%	50.0% #DBFFF2	RGB 219 255 242	#DBFFF2
66.7%	66.7% #E1FFF4	RGB 225 255 244	#E1FFF4
83.3%	83.3% #E8FFF6	RGB 232 255 246	#E8FFF6
100.0%	100.0% #EFFFF9	RGB 239 255 249	#EFFFF9

#C7FFEC #CDFFEE #D4FFF0 #DBFFF2 #E1FFF4 #E8FFF6 #EFFFF9

#C7FFEC - #EFFFF9

Miscela HSV

#C7FFEC - #EFFFF9 | 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 #C7FFEC come 0% e #EFFFF9 come 100%.

0.0%	0.0% #C7FFEC	RGB 199 255 236	#C7FFEC
16.7%	16.7% #CDFFED	RGB 205 255 237	#CDFFED
33.3%	33.3% #D4FFF0	RGB 212 255 240	#D4FFF0
50.0%	50.0% #DBFFF2	RGB 219 255 242	#DBFFF2
66.7%	66.7% #E1FFF4	RGB 225 255 244	#E1FFF4
83.3%	83.3% #E8FFF6	RGB 232 255 246	#E8FFF6
100.0%	100.0% #EFFFF9	RGB 239 255 249	#EFFFF9

#C7FFEC #CDFFED #D4FFF0 #DBFFF2 #E1FFF4 #E8FFF6 #EFFFF9

#C7FFEC - #DBFFF2 - #EFFFF9

Codici CSS

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

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