#C2FFD9 - #5FDFAD | 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 #C2FFD9 a #5FDFAD

#C2FFD9 #5FDFAD

Calcola il colore tra due colori, #C2FFD9 e #5FDFAD. 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)

#C2FFD9 - #5FDFAD | 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 #C2FFD9 come 0% e #5FDFAD come 100%.

0.0%	0.0% #C2FFD9	RGB 194 255 217	#C2FFD9
16.7%	16.7% #B1F9D1	RGB 177 249 209	#B1F9D1
33.3%	33.3% #A1F4CA	RGB 161 244 202	#A1F4CA
50.0%	50.0% #90EFC3	RGB 144 239 195	#90EFC3
66.7%	66.7% #80E9BB	RGB 128 233 187	#80E9BB
83.3%	83.3% #6FE4B4	RGB 111 228 180	#6FE4B4
100.0%	100.0% #5FDFAD	RGB 95 223 173	#5FDFAD

#C2FFD9 #B1F9D1 #A1F4CA #90EFC3 #80E9BB #6FE4B4 #5FDFAD

#C2FFD9 - #5FDFAD

Miscela HSV

#C2FFD9 - #5FDFAD | 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 #C2FFD9 come 0% e #5FDFAD come 100%.

0.0%	0.0% #C2FFD9	RGB 194 255 217	#C2FFD9
16.7%	16.7% #B0F9CE	RGB 176 249 206	#B0F9CE
33.3%	33.3% #9EF4C5	RGB 158 244 197	#9EF4C5
50.0%	50.0% #8DEFBD	RGB 141 239 189	#8DEFBD
66.7%	66.7% #7DE9B7	RGB 125 233 183	#7DE9B7
83.3%	83.3% #6EE4B1	RGB 110 228 177	#6EE4B1
100.0%	100.0% #5FDFAD	RGB 95 223 173	#5FDFAD

#C2FFD9 #B0F9CE #9EF4C5 #8DEFBD #7DE9B7 #6EE4B1 #5FDFAD

#C2FFD9 - #8DEFBD - #5FDFAD

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FFD9 0%, #8DEFBD 50%, #5FDFAD 100%);
    background: -webkit-linear-gradient(top, #C2FFD9 0%, #8DEFBD 50%, #5FDFAD 100%);
    background: linear-gradient(to bottom, #C2FFD9 0%, #8DEFBD 50%, #5FDFAD 100%);
}
</style>