#C2FFA8 - #73F057 | 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 #C2FFA8 a #73F057

#C2FFA8 #73F057

Calcola il colore tra due colori, #C2FFA8 e #73F057. 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)

#C2FFA8 - #73F057 | 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 #C2FFA8 come 0% e #73F057 come 100%.

0.0%	0.0% #C2FFA8	RGB 194 255 168	#C2FFA8
16.7%	16.7% #B4FC9A	RGB 180 252 154	#B4FC9A
33.3%	33.3% #A7FA8D	RGB 167 250 141	#A7FA8D
50.0%	50.0% #9AF77F	RGB 154 247 127	#9AF77F
66.7%	66.7% #8DF572	RGB 141 245 114	#8DF572
83.3%	83.3% #80F264	RGB 128 242 100	#80F264
100.0%	100.0% #73F057	RGB 115 240 87	#73F057

#C2FFA8 #B4FC9A #A7FA8D #9AF77F #8DF572 #80F264 #73F057

#C2FFA8 - #73F057

Miscela HSV

#C2FFA8 - #73F057 | 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 #C2FFA8 come 0% e #73F057 come 100%.

0.0%	0.0% #C2FFA8	RGB 194 255 168	#C2FFA8
16.7%	16.7% #B5FC99	RGB 181 252 153	#B5FC99
33.3%	33.3% #A8FA8C	RGB 168 250 140	#A8FA8C
50.0%	50.0% #9BF77E	RGB 155 247 126	#9BF77E
66.7%	66.7% #8EF571	RGB 142 245 113	#8EF571
83.3%	83.3% #80F263	RGB 128 242 99	#80F263
100.0%	100.0% #73F057	RGB 115 240 87	#73F057

#C2FFA8 #B5FC99 #A8FA8C #9BF77E #8EF571 #80F263 #73F057

#C2FFA8 - #9BF77E - #73F057

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FFA8 0%, #9BF77E 50%, #73F057 100%);
    background: -webkit-linear-gradient(top, #C2FFA8 0%, #9BF77E 50%, #73F057 100%);
    background: linear-gradient(to bottom, #C2FFA8 0%, #9BF77E 50%, #73F057 100%);
}
</style>