#008181 - #82DCA3 | 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 #008181 a #82DCA3

#008181 #82DCA3

Calcola il colore tra due colori, #008181 e #82DCA3. 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)

#008181 - #82DCA3 | 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 #008181 come 0% e #82DCA3 come 100%.

0.0%	0.0% #008181	RGB 0 129 129	#008181
16.7%	16.7% #159086	RGB 21 144 134	#159086
33.3%	33.3% #2B9F8C	RGB 43 159 140	#2B9F8C
50.0%	50.0% #41AE92	RGB 65 174 146	#41AE92
66.7%	66.7% #56BD97	RGB 86 189 151	#56BD97
83.3%	83.3% #6CCC9D	RGB 108 204 157	#6CCC9D
100.0%	100.0% #82DCA3	RGB 130 220 163	#82DCA3

#008181 #159086 #2B9F8C #41AE92 #56BD97 #6CCC9D #82DCA3

#008181 - #82DCA3

Miscela HSV

#008181 - #82DCA3 | 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 #008181 come 0% e #82DCA3 come 100%.

0.0%	0.0% #008181	RGB 0 129 129	#008181
16.7%	16.7% #0E9082	RGB 14 144 130	#0E9082
33.3%	33.3% #1F9F84	RGB 31 159 132	#1F9F84
50.0%	50.0% #33AE87	RGB 51 174 135	#33AE87
66.7%	66.7% #4ABD8D	RGB 74 189 141	#4ABD8D
83.3%	83.3% #64CC95	RGB 100 204 149	#64CC95
100.0%	100.0% #82DCA3	RGB 130 220 163	#82DCA3

#008181 #0E9082 #1F9F84 #33AE87 #4ABD8D #64CC95 #82DCA3

#008181 - #33AE87 - #82DCA3

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008181 0%, #33AE87 50%, #82DCA3 100%);
    background: -webkit-linear-gradient(top, #008181 0%, #33AE87 50%, #82DCA3 100%);
    background: linear-gradient(to bottom, #008181 0%, #33AE87 50%, #82DCA3 100%);
}
</style>