#C2FFD9 - #59CF8C | 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 #59CF8C

#C2FFD9 #59CF8C

Calcola il colore tra due colori, #C2FFD9 e #59CF8C. 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 - #59CF8C | 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 #59CF8C come 100%.

0.0%	0.0% #C2FFD9	RGB 194 255 217	#C2FFD9
16.7%	16.7% #B0F7CC	RGB 176 247 204	#B0F7CC
33.3%	33.3% #9FEFBF	RGB 159 239 191	#9FEFBF
50.0%	50.0% #8DE7B2	RGB 141 231 178	#8DE7B2
66.7%	66.7% #7CDFA5	RGB 124 223 165	#7CDFA5
83.3%	83.3% #6AD798	RGB 106 215 152	#6AD798
100.0%	100.0% #59CF8C	RGB 89 207 140	#59CF8C

#C2FFD9 #B0F7CC #9FEFBF #8DE7B2 #7CDFA5 #6AD798 #59CF8C

#C2FFD9 - #59CF8C

Miscela HSV

#C2FFD9 - #59CF8C | 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 #59CF8C come 100%.

0.0%	0.0% #C2FFD9	RGB 194 255 217	#C2FFD9
16.7%	16.7% #AEF7CA	RGB 174 247 202	#AEF7CA
33.3%	33.3% #9BEFBC	RGB 155 239 188	#9BEFBC
50.0%	50.0% #89E7AF	RGB 137 231 175	#89E7AF
66.7%	66.7% #78DFA2	RGB 120 223 162	#78DFA2
83.3%	83.3% #68D797	RGB 104 215 151	#68D797
100.0%	100.0% #59CF8C	RGB 89 207 140	#59CF8C

#C2FFD9 #AEF7CA #9BEFBC #89E7AF #78DFA2 #68D797 #59CF8C

#C2FFD9 - #89E7AF - #59CF8C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FFD9 0%, #89E7AF 50%, #59CF8C 100%);
    background: -webkit-linear-gradient(top, #C2FFD9 0%, #89E7AF 50%, #59CF8C 100%);
    background: linear-gradient(to bottom, #C2FFD9 0%, #89E7AF 50%, #59CF8C 100%);
}
</style>