#0DA6A6 - #007663 | 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 #0DA6A6 a #007663

#0DA6A6 #007663

Calcola il colore tra due colori, #0DA6A6 e #007663. 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)

#0DA6A6 - #007663 | 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 #0DA6A6 come 0% e #007663 come 100%.

0.0%	0.0% #0DA6A6	RGB 13 166 166	#0DA6A6
16.7%	16.7% #0A9E9A	RGB 10 158 154	#0A9E9A
33.3%	33.3% #08968F	RGB 8 150 143	#08968F
50.0%	50.0% #068E84	RGB 6 142 132	#068E84
66.7%	66.7% #048679	RGB 4 134 121	#048679
83.3%	83.3% #027E6E	RGB 2 126 110	#027E6E
100.0%	100.0% #007663	RGB 0 118 99	#007663

#0DA6A6 #0A9E9A #08968F #068E84 #048679 #027E6E #007663

#0DA6A6 - #007663

Miscela HSV

#0DA6A6 - #007663 | 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 #0DA6A6 come 0% e #007663 come 100%.

0.0%	0.0% #0CA6A6	RGB 12 166 166	#0CA6A6
16.7%	16.7% #0A9E9A	RGB 10 158 154	#0A9E9A
33.3%	33.3% #07968E	RGB 7 150 142	#07968E
50.0%	50.0% #058E83	RGB 5 142 131	#058E83
66.7%	66.7% #038677	RGB 3 134 119	#038677
83.3%	83.3% #017E6D	RGB 1 126 109	#017E6D
100.0%	100.0% #007663	RGB 0 118 99	#007663

#0CA6A6 #0A9E9A #07968E #058E83 #038677 #017E6D #007663

#0DA6A6 - #058E83 - #007663

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0CA6A6 0%, #058E83 50%, #007663 100%);
    background: -webkit-linear-gradient(top, #0CA6A6 0%, #058E83 50%, #007663 100%);
    background: linear-gradient(to bottom, #0CA6A6 0%, #058E83 50%, #007663 100%);
}
</style>