#ADECE9 - #3AC6C4 | 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 #ADECE9 a #3AC6C4

#ADECE9 #3AC6C4

Calcola il colore tra due colori, #ADECE9 e #3AC6C4. 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)

#ADECE9 - #3AC6C4 | 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 #ADECE9 come 0% e #3AC6C4 come 100%.

0.0%	0.0% #ADECE9	RGB 173 236 233	#ADECE9
16.7%	16.7% #99E5E2	RGB 153 229 226	#99E5E2
33.3%	33.3% #86DFDC	RGB 134 223 220	#86DFDC
50.0%	50.0% #73D9D6	RGB 115 217 214	#73D9D6
66.7%	66.7% #60D2D0	RGB 96 210 208	#60D2D0
83.3%	83.3% #4DCCCA	RGB 77 204 202	#4DCCCA
100.0%	100.0% #3AC6C4	RGB 58 198 196	#3AC6C4

#ADECE9 #99E5E2 #86DFDC #73D9D6 #60D2D0 #4DCCCA #3AC6C4

#ADECE9 - #3AC6C4

Miscela HSV

#ADECE9 - #3AC6C4 | 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 #ADECE9 come 0% e #3AC6C4 come 100%.

0.0%	0.0% #ADECE9	RGB 173 236 233	#ADECE9
16.7%	16.7% #97E5E2	RGB 151 229 226	#97E5E2
33.3%	33.3% #82DFDB	RGB 130 223 219	#82DFDB
50.0%	50.0% #6FD9D5	RGB 111 217 213	#6FD9D5
66.7%	66.7% #5CD2CF	RGB 92 210 207	#5CD2CF
83.3%	83.3% #4ACCC9	RGB 74 204 201	#4ACCC9
100.0%	100.0% #3AC6C4	RGB 58 198 196	#3AC6C4

#ADECE9 #97E5E2 #82DFDB #6FD9D5 #5CD2CF #4ACCC9 #3AC6C4

#ADECE9 - #6FD9D5 - #3AC6C4

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADECE9 0%, #6FD9D5 50%, #3AC6C4 100%);
    background: -webkit-linear-gradient(top, #ADECE9 0%, #6FD9D5 50%, #3AC6C4 100%);
    background: linear-gradient(to bottom, #ADECE9 0%, #6FD9D5 50%, #3AC6C4 100%);
}
</style>