#39C0C0 - #C6EDED | 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 #39C0C0 a #C6EDED

#39C0C0 #C6EDED

Calcola il colore tra due colori, #39C0C0 e #C6EDED. 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)

#39C0C0 - #C6EDED | 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 #39C0C0 come 0% e #C6EDED come 100%.

0.0%	0.0% #39C0C0	RGB 57 192 192	#39C0C0
16.7%	16.7% #50C7C7	RGB 80 199 199	#50C7C7
33.3%	33.3% #68CFCF	RGB 104 207 207	#68CFCF
50.0%	50.0% #7FD6D6	RGB 127 214 214	#7FD6D6
66.7%	66.7% #97DEDE	RGB 151 222 222	#97DEDE
83.3%	83.3% #AEE5E5	RGB 174 229 229	#AEE5E5
100.0%	100.0% #C6EDED	RGB 198 237 237	#C6EDED

#39C0C0 #50C7C7 #68CFCF #7FD6D6 #97DEDE #AEE5E5 #C6EDED

#39C0C0 - #C6EDED

Miscela HSV

#39C0C0 - #C6EDED | 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 #39C0C0 come 0% e #C6EDED come 100%.

0.0%	0.0% #39C0C0	RGB 57 192 192	#39C0C0
16.7%	16.7% #4DC7C7	RGB 77 199 199	#4DC7C7
33.3%	33.3% #62CFCF	RGB 98 207 207	#62CFCF
50.0%	50.0% #79D6D6	RGB 121 214 214	#79D6D6
66.7%	66.7% #91DEDE	RGB 145 222 222	#91DEDE
83.3%	83.3% #ABE5E5	RGB 171 229 229	#ABE5E5
100.0%	100.0% #C6EDED	RGB 198 237 237	#C6EDED

#39C0C0 #4DC7C7 #62CFCF #79D6D6 #91DEDE #ABE5E5 #C6EDED

#39C0C0 - #79D6D6 - #C6EDED

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39C0C0 0%, #79D6D6 50%, #C6EDED 100%);
    background: -webkit-linear-gradient(top, #39C0C0 0%, #79D6D6 50%, #C6EDED 100%);
    background: linear-gradient(to bottom, #39C0C0 0%, #79D6D6 50%, #C6EDED 100%);
}
</style>