#008A8C - #AFE8C2 | 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 #008A8C a #AFE8C2

#008A8C #AFE8C2

Calcola il colore tra due colori, #008A8C e #AFE8C2. 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)

#008A8C - #AFE8C2 | 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 #008A8C come 0% e #AFE8C2 come 100%.

0.0%	0.0% #008A8C	RGB 0 138 140	#008A8C
16.7%	16.7% #1D9995	RGB 29 153 149	#1D9995
33.3%	33.3% #3AA99E	RGB 58 169 158	#3AA99E
50.0%	50.0% #57B9A7	RGB 87 185 167	#57B9A7
66.7%	66.7% #74C8B0	RGB 116 200 176	#74C8B0
83.3%	83.3% #91D8B9	RGB 145 216 185	#91D8B9
100.0%	100.0% #AFE8C2	RGB 175 232 194	#AFE8C2

#008A8C #1D9995 #3AA99E #57B9A7 #74C8B0 #91D8B9 #AFE8C2

#008A8C - #AFE8C2

Miscela HSV

#008A8C - #AFE8C2 | 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 #008A8C come 0% e #AFE8C2 come 100%.

0.0%	0.0% #00898C	RGB 0 137 140	#00898C
16.7%	16.7% #139B8D	RGB 19 155 141	#139B8D
33.3%	33.3% #2AAA8F	RGB 42 170 143	#2AAA8F
50.0%	50.0% #46BA94	RGB 70 186 148	#46BA94
66.7%	66.7% #65C99D	RGB 101 201 157	#65C99D
83.3%	83.3% #88D8AC	RGB 136 216 172	#88D8AC
100.0%	100.0% #AFE8C2	RGB 175 232 194	#AFE8C2

#00898C #139B8D #2AAA8F #46BA94 #65C99D #88D8AC #AFE8C2

#008A8C - #46BA94 - #AFE8C2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00898C 0%, #46BA94 50%, #AFE8C2 100%);
    background: -webkit-linear-gradient(top, #00898C 0%, #46BA94 50%, #AFE8C2 100%);
    background: linear-gradient(to bottom, #00898C 0%, #46BA94 50%, #AFE8C2 100%);
}
</style>