#20CECE - #00A2A0 | 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 #20CECE a #00A2A0

#20CECE #00A2A0

Calcola il colore tra due colori, #20CECE e #00A2A0. 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)

#20CECE - #00A2A0 | 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 #20CECE come 0% e #00A2A0 come 100%.

0.0%	0.0% #20CECE	RGB 32 206 206	#20CECE
16.7%	16.7% #1AC6C6	RGB 26 198 198	#1AC6C6
33.3%	33.3% #15BFBE	RGB 21 191 190	#15BFBE
50.0%	50.0% #10B8B7	RGB 16 184 183	#10B8B7
66.7%	66.7% #0AB0AF	RGB 10 176 175	#0AB0AF
83.3%	83.3% #05A9A7	RGB 5 169 167	#05A9A7
100.0%	100.0% #00A2A0	RGB 0 162 160	#00A2A0

#20CECE #1AC6C6 #15BFBE #10B8B7 #0AB0AF #05A9A7 #00A2A0

#20CECE - #00A2A0

Miscela HSV

#20CECE - #00A2A0 | 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 #20CECE come 0% e #00A2A0 come 100%.

0.0%	0.0% #1FCECE	RGB 31 206 206	#1FCECE
16.7%	16.7% #19C6C6	RGB 25 198 198	#19C6C6
33.3%	33.3% #13BFBE	RGB 19 191 190	#13BFBE
50.0%	50.0% #0EB8B6	RGB 14 184 182	#0EB8B6
66.7%	66.7% #09B0AF	RGB 9 176 175	#09B0AF
83.3%	83.3% #04A9A7	RGB 4 169 167	#04A9A7
100.0%	100.0% #00A2A0	RGB 0 162 160	#00A2A0

#1FCECE #19C6C6 #13BFBE #0EB8B6 #09B0AF #04A9A7 #00A2A0

#20CECE - #0EB8B6 - #00A2A0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1FCECE 0%, #0EB8B6 50%, #00A2A0 100%);
    background: -webkit-linear-gradient(top, #1FCECE 0%, #0EB8B6 50%, #00A2A0 100%);
    background: linear-gradient(to bottom, #1FCECE 0%, #0EB8B6 50%, #00A2A0 100%);
}
</style>