#A3A8C0 - #485B7B | 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 #A3A8C0 a #485B7B

#A3A8C0 #485B7B

Calcola il colore tra due colori, #A3A8C0 e #485B7B. 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)

#A3A8C0 - #485B7B | 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 #A3A8C0 come 0% e #485B7B come 100%.

0.0%	0.0% #A3A8C0	RGB 163 168 192	#A3A8C0
16.7%	16.7% #939BB4	RGB 147 155 180	#939BB4
33.3%	33.3% #848EA9	RGB 132 142 169	#848EA9
50.0%	50.0% #75819D	RGB 117 129 157	#75819D
66.7%	66.7% #667492	RGB 102 116 146	#667492
83.3%	83.3% #576786	RGB 87 103 134	#576786
100.0%	100.0% #485B7B	RGB 72 91 123	#485B7B

#A3A8C0 #939BB4 #848EA9 #75819D #667492 #576786 #485B7B

#A3A8C0 - #485B7B

Miscela HSV

#A3A8C0 - #485B7B | 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 #A3A8C0 come 0% e #485B7B come 100%.

0.0%	0.0% #A3A8C0	RGB 163 168 192	#A3A8C0
16.7%	16.7% #9198B4	RGB 145 152 180	#9198B4
33.3%	33.3% #808AA9	RGB 128 138 169	#808AA9
50.0%	50.0% #707D9D	RGB 112 125 157	#707D9D
66.7%	66.7% #627092	RGB 98 112 146	#627092
83.3%	83.3% #546586	RGB 84 101 134	#546586
100.0%	100.0% #485B7B	RGB 72 91 123	#485B7B

#A3A8C0 #9198B4 #808AA9 #707D9D #627092 #546586 #485B7B

#A3A8C0 - #707D9D - #485B7B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A3A8C0 0%, #707D9D 50%, #485B7B 100%);
    background: -webkit-linear-gradient(top, #A3A8C0 0%, #707D9D 50%, #485B7B 100%);
    background: linear-gradient(to bottom, #A3A8C0 0%, #707D9D 50%, #485B7B 100%);
}
</style>