#ADE1DA - #31403E | 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 #ADE1DA a #31403E

#ADE1DA #31403E

Calcola il colore tra due colori, #ADE1DA e #31403E. 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)

#ADE1DA - #31403E | 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 #ADE1DA come 0% e #31403E come 100%.

0.0%	0.0% #ADE1DA	RGB 173 225 218	#ADE1DA
16.7%	16.7% #98C6C0	RGB 152 198 192	#98C6C0
33.3%	33.3% #83ABA6	RGB 131 171 166	#83ABA6
50.0%	50.0% #6F908C	RGB 111 144 140	#6F908C
66.7%	66.7% #5A7572	RGB 90 117 114	#5A7572
83.3%	83.3% #455A58	RGB 69 90 88	#455A58
100.0%	100.0% #31403E	RGB 49 64 62	#31403E

#ADE1DA #98C6C0 #83ABA6 #6F908C #5A7572 #455A58 #31403E

#ADE1DA - #31403E

Miscela HSV

#ADE1DA - #31403E | 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 #ADE1DA come 0% e #31403E come 100%.

0.0%	0.0% #ADE1DA	RGB 173 225 218	#ADE1DA
16.7%	16.7% #98C6BF	RGB 152 198 191	#98C6BF
33.3%	33.3% #83ABA5	RGB 131 171 165	#83ABA5
50.0%	50.0% #6E908B	RGB 110 144 139	#6E908B
66.7%	66.7% #5A7571	RGB 90 117 113	#5A7571
83.3%	83.3% #455A57	RGB 69 90 87	#455A57
100.0%	100.0% #31403E	RGB 49 64 62	#31403E

#ADE1DA #98C6BF #83ABA5 #6E908B #5A7571 #455A57 #31403E

#ADE1DA - #6E908B - #31403E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADE1DA 0%, #6E908B 50%, #31403E 100%);
    background: -webkit-linear-gradient(top, #ADE1DA 0%, #6E908B 50%, #31403E 100%);
    background: linear-gradient(to bottom, #ADE1DA 0%, #6E908B 50%, #31403E 100%);
}
</style>