#5EECEC - #00CAD2 | 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 #5EECEC a #00CAD2

#5EECEC #00CAD2

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

#5EECEC - #00CAD2 | 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 #5EECEC come 0% e #00CAD2 come 100%.

0.0%	0.0% #5EECEC	RGB 94 236 236	#5EECEC
16.7%	16.7% #4EE6E7	RGB 78 230 231	#4EE6E7
33.3%	33.3% #3EE0E3	RGB 62 224 227	#3EE0E3
50.0%	50.0% #2FDBDF	RGB 47 219 223	#2FDBDF
66.7%	66.7% #1FD5DA	RGB 31 213 218	#1FD5DA
83.3%	83.3% #0FCFD6	RGB 15 207 214	#0FCFD6
100.0%	100.0% #00CAD2	RGB 0 202 210	#00CAD2

#5EECEC #4EE6E7 #3EE0E3 #2FDBDF #1FD5DA #0FCFD6 #00CAD2

#5EECEC - #00CAD2

Miscela HSV

#5EECEC - #00CAD2 | 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 #5EECEC come 0% e #00CAD2 come 100%.

0.0%	0.0% #5EECEC	RGB 94 236 236	#5EECEC
16.7%	16.7% #4CE6E7	RGB 76 230 231	#4CE6E7
33.3%	33.3% #3CE1E3	RGB 60 225 227	#3CE1E3
50.0%	50.0% #2CDBDF	RGB 44 219 223	#2CDBDF
66.7%	66.7% #1DD5DA	RGB 29 213 218	#1DD5DA
83.3%	83.3% #0ECFD6	RGB 14 207 214	#0ECFD6
100.0%	100.0% #00CAD2	RGB 0 202 210	#00CAD2

#5EECEC #4CE6E7 #3CE1E3 #2CDBDF #1DD5DA #0ECFD6 #00CAD2

#5EECEC - #2CDBDF - #00CAD2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EECEC 0%, #2CDBDF 50%, #00CAD2 100%);
    background: -webkit-linear-gradient(top, #5EECEC 0%, #2CDBDF 50%, #00CAD2 100%);
    background: linear-gradient(to bottom, #5EECEC 0%, #2CDBDF 50%, #00CAD2 100%);
}
</style>