#C0FFD4 - #EDFFF2 | 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 #C0FFD4 a #EDFFF2

#C0FFD4 #EDFFF2

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

#C0FFD4 - #EDFFF2 | 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 #C0FFD4 come 0% e #EDFFF2 come 100%.

0.0%	0.0% #C0FFD4	RGB 192 255 212	#C0FFD4
16.7%	16.7% #C7FFD9	RGB 199 255 217	#C7FFD9
33.3%	33.3% #CFFFDE	RGB 207 255 222	#CFFFDE
50.0%	50.0% #D6FFE3	RGB 214 255 227	#D6FFE3
66.7%	66.7% #DEFFE8	RGB 222 255 232	#DEFFE8
83.3%	83.3% #E5FFED	RGB 229 255 237	#E5FFED
100.0%	100.0% #EDFFF2	RGB 237 255 242	#EDFFF2

#C0FFD4 #C7FFD9 #CFFFDE #D6FFE3 #DEFFE8 #E5FFED #EDFFF2

#C0FFD4 - #EDFFF2

Miscela HSV

#C0FFD4 - #EDFFF2 | 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 #C0FFD4 come 0% e #EDFFF2 come 100%.

0.0%	0.0% #C0FFD4	RGB 192 255 212	#C0FFD4
16.7%	16.7% #C7FFD8	RGB 199 255 216	#C7FFD8
33.3%	33.3% #CFFFDD	RGB 207 255 221	#CFFFDD
50.0%	50.0% #D6FFE2	RGB 214 255 226	#D6FFE2
66.7%	66.7% #DEFFE7	RGB 222 255 231	#DEFFE7
83.3%	83.3% #E5FFEC	RGB 229 255 236	#E5FFEC
100.0%	100.0% #EDFFF2	RGB 237 255 242	#EDFFF2

#C0FFD4 #C7FFD8 #CFFFDD #D6FFE2 #DEFFE7 #E5FFEC #EDFFF2

#C0FFD4 - #D6FFE2 - #EDFFF2

Codici CSS

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

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