#19A8A8 - #ADEDAE | 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 #19A8A8 a #ADEDAE

#19A8A8 #ADEDAE

Calcola il colore tra due colori, #19A8A8 e #ADEDAE. 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)

#19A8A8 - #ADEDAE | 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 #19A8A8 come 0% e #ADEDAE come 100%.

0.0%	0.0% #19A8A8	RGB 25 168 168	#19A8A8
16.7%	16.7% #31B3A9	RGB 49 179 169	#31B3A9
33.3%	33.3% #4ABFAA	RGB 74 191 170	#4ABFAA
50.0%	50.0% #63CAAB	RGB 99 202 171	#63CAAB
66.7%	66.7% #7BD6AC	RGB 123 214 172	#7BD6AC
83.3%	83.3% #94E1AD	RGB 148 225 173	#94E1AD
100.0%	100.0% #ADEDAE	RGB 173 237 174	#ADEDAE

#19A8A8 #31B3A9 #4ABFAA #63CAAB #7BD6AC #94E1AD #ADEDAE

#19A8A8 - #ADEDAE

Miscela HSV

#19A8A8 - #ADEDAE | 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 #19A8A8 come 0% e #ADEDAE come 100%.

0.0%	0.0% #19A8A8	RGB 25 168 168	#19A8A8
16.7%	16.7% #2CB39D	RGB 44 179 157	#2CB39D
33.3%	33.3% #41BF95	RGB 65 191 149	#41BF95
50.0%	50.0% #58CA92	RGB 88 202 146	#58CA92
66.7%	66.7% #72D694	RGB 114 214 148	#72D694
83.3%	83.3% #8EE19D	RGB 142 225 157	#8EE19D
100.0%	100.0% #ADEDAE	RGB 173 237 174	#ADEDAE

#19A8A8 #2CB39D #41BF95 #58CA92 #72D694 #8EE19D #ADEDAE

#19A8A8 - #58CA92 - #ADEDAE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #19A8A8 0%, #58CA92 50%, #ADEDAE 100%);
    background: -webkit-linear-gradient(top, #19A8A8 0%, #58CA92 50%, #ADEDAE 100%);
    background: linear-gradient(to bottom, #19A8A8 0%, #58CA92 50%, #ADEDAE 100%);
}
</style>