#1A8A8A - #97D9A1 | 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 #1A8A8A a #97D9A1

#1A8A8A #97D9A1

Calcola il colore tra due colori, #1A8A8A e #97D9A1. 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)

#1A8A8A - #97D9A1 | 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 #1A8A8A come 0% e #97D9A1 come 100%.

0.0%	0.0% #1A8A8A	RGB 26 138 138	#1A8A8A
16.7%	16.7% #2E978D	RGB 46 151 141	#2E978D
33.3%	33.3% #43A491	RGB 67 164 145	#43A491
50.0%	50.0% #58B195	RGB 88 177 149	#58B195
66.7%	66.7% #6DBE99	RGB 109 190 153	#6DBE99
83.3%	83.3% #82CB9D	RGB 130 203 157	#82CB9D
100.0%	100.0% #97D9A1	RGB 151 217 161	#97D9A1

#1A8A8A #2E978D #43A491 #58B195 #6DBE99 #82CB9D #97D9A1

#1A8A8A - #97D9A1

Miscela HSV

#1A8A8A - #97D9A1 | 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 #1A8A8A come 0% e #97D9A1 come 100%.

0.0%	0.0% #1A8A8A	RGB 26 138 138	#1A8A8A
16.7%	16.7% #299787	RGB 41 151 135	#299787
33.3%	33.3% #3AA486	RGB 58 164 134	#3AA486
50.0%	50.0% #4EB187	RGB 78 177 135	#4EB187
66.7%	66.7% #64BE8B	RGB 100 190 139	#64BE8B
83.3%	83.3% #7CCB93	RGB 124 203 147	#7CCB93
100.0%	100.0% #97D9A1	RGB 151 217 161	#97D9A1

#1A8A8A #299787 #3AA486 #4EB187 #64BE8B #7CCB93 #97D9A1

#1A8A8A - #4EB187 - #97D9A1

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A8A8A 0%, #4EB187 50%, #97D9A1 100%);
    background: -webkit-linear-gradient(top, #1A8A8A 0%, #4EB187 50%, #97D9A1 100%);
    background: linear-gradient(to bottom, #1A8A8A 0%, #4EB187 50%, #97D9A1 100%);
}
</style>