#72B6A8 - #1A816E | 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 #72B6A8 a #1A816E

#72B6A8 #1A816E

Calcola il colore tra due colori, #72B6A8 e #1A816E. 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)

#72B6A8 - #1A816E | 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 #72B6A8 come 0% e #1A816E come 100%.

0.0%	0.0% #72B6A8	RGB 114 182 168	#72B6A8
16.7%	16.7% #63AD9E	RGB 99 173 158	#63AD9E
33.3%	33.3% #54A494	RGB 84 164 148	#54A494
50.0%	50.0% #469B8B	RGB 70 155 139	#469B8B
66.7%	66.7% #379281	RGB 55 146 129	#379281
83.3%	83.3% #288977	RGB 40 137 119	#288977
100.0%	100.0% #1A816E	RGB 26 129 110	#1A816E

#72B6A8 #63AD9E #54A494 #469B8B #379281 #288977 #1A816E

#72B6A8 - #1A816E

Miscela HSV

#72B6A8 - #1A816E | 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 #72B6A8 come 0% e #1A816E come 100%.

0.0%	0.0% #72B6A8	RGB 114 182 168	#72B6A8
16.7%	16.7% #60AD9D	RGB 96 173 157	#60AD9D
33.3%	33.3% #4FA493	RGB 79 164 147	#4FA493
50.0%	50.0% #409B89	RGB 64 155 137	#409B89
66.7%	66.7% #329280	RGB 50 146 128	#329280
83.3%	83.3% #258976	RGB 37 137 118	#258976
100.0%	100.0% #1A816E	RGB 26 129 110	#1A816E

#72B6A8 #60AD9D #4FA493 #409B89 #329280 #258976 #1A816E

#72B6A8 - #409B89 - #1A816E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72B6A8 0%, #409B89 50%, #1A816E 100%);
    background: -webkit-linear-gradient(top, #72B6A8 0%, #409B89 50%, #1A816E 100%);
    background: linear-gradient(to bottom, #72B6A8 0%, #409B89 50%, #1A816E 100%);
}
</style>