#C2FFD2 - #63DDA3 | 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 #C2FFD2 a #63DDA3

#C2FFD2 #63DDA3

Calcola il colore tra due colori, #C2FFD2 e #63DDA3. 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)

#C2FFD2 - #63DDA3 | 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 #C2FFD2 come 0% e #63DDA3 come 100%.

0.0%	0.0% #C2FFD2	RGB 194 255 210	#C2FFD2
16.7%	16.7% #B2F9CA	RGB 178 249 202	#B2F9CA
33.3%	33.3% #A2F3C2	RGB 162 243 194	#A2F3C2
50.0%	50.0% #92EEBA	RGB 146 238 186	#92EEBA
66.7%	66.7% #82E8B2	RGB 130 232 178	#82E8B2
83.3%	83.3% #72E2AA	RGB 114 226 170	#72E2AA
100.0%	100.0% #63DDA3	RGB 99 221 163	#63DDA3

#C2FFD2 #B2F9CA #A2F3C2 #92EEBA #82E8B2 #72E2AA #63DDA3

#C2FFD2 - #63DDA3

Miscela HSV

#C2FFD2 - #63DDA3 | 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 #C2FFD2 come 0% e #63DDA3 come 100%.

0.0%	0.0% #C2FFD2	RGB 194 255 210	#C2FFD2
16.7%	16.7% #B0F9C6	RGB 176 249 198	#B0F9C6
33.3%	33.3% #9FF3BD	RGB 159 243 189	#9FF3BD
50.0%	50.0% #8FEEB4	RGB 143 238 180	#8FEEB4
66.7%	66.7% #80E8AD	RGB 128 232 173	#80E8AD
83.3%	83.3% #71E2A7	RGB 113 226 167	#71E2A7
100.0%	100.0% #63DDA3	RGB 99 221 163	#63DDA3

#C2FFD2 #B0F9C6 #9FF3BD #8FEEB4 #80E8AD #71E2A7 #63DDA3

#C2FFD2 - #8FEEB4 - #63DDA3

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FFD2 0%, #8FEEB4 50%, #63DDA3 100%);
    background: -webkit-linear-gradient(top, #C2FFD2 0%, #8FEEB4 50%, #63DDA3 100%);
    background: linear-gradient(to bottom, #C2FFD2 0%, #8FEEB4 50%, #63DDA3 100%);
}
</style>