#424B5E - #68B7AB | 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 #424B5E a #68B7AB

#424B5E #68B7AB

Calcola il colore tra due colori, #424B5E e #68B7AB. 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)

#424B5E - #68B7AB | 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 #424B5E come 0% e #68B7AB come 100%.

0.0%	0.0% #424B5E	RGB 66 75 94	#424B5E
16.7%	16.7% #485D6A	RGB 72 93 106	#485D6A
33.3%	33.3% #4E6F77	RGB 78 111 119	#4E6F77
50.0%	50.0% #558184	RGB 85 129 132	#558184
66.7%	66.7% #5B9391	RGB 91 147 145	#5B9391
83.3%	83.3% #61A59E	RGB 97 165 158	#61A59E
100.0%	100.0% #68B7AB	RGB 104 183 171	#68B7AB

#424B5E #485D6A #4E6F77 #558184 #5B9391 #61A59E #68B7AB

#424B5E - #68B7AB

Miscela HSV

#424B5E - #68B7AB | 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 #424B5E come 0% e #68B7AB come 100%.

0.0%	0.0% #424B5E	RGB 66 75 94	#424B5E
16.7%	16.7% #495A6C	RGB 73 90 108	#495A6C
33.3%	33.3% #516A7B	RGB 81 106 123	#516A7B
50.0%	50.0% #577D8A	RGB 87 125 138	#577D8A
66.7%	66.7% #5D9199	RGB 93 145 153	#5D9199
83.3%	83.3% #63A8A7	RGB 99 168 167	#63A8A7
100.0%	100.0% #68B7AB	RGB 104 183 171	#68B7AB

#424B5E #495A6C #516A7B #577D8A #5D9199 #63A8A7 #68B7AB

#424B5E - #577D8A - #68B7AB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #424B5E 0%, #577D8A 50%, #68B7AB 100%);
    background: -webkit-linear-gradient(top, #424B5E 0%, #577D8A 50%, #68B7AB 100%);
    background: linear-gradient(to bottom, #424B5E 0%, #577D8A 50%, #68B7AB 100%);
}
</style>