#8D8D8C - #9EB6D9 | 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 #8D8D8C a #9EB6D9

#8D8D8C #9EB6D9

Calcola il colore tra due colori, #8D8D8C e #9EB6D9. 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)

#8D8D8C - #9EB6D9 | 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 #8D8D8C come 0% e #9EB6D9 come 100%.

0.0%	0.0% #8D8D8C	RGB 141 141 140	#8D8D8C
16.7%	16.7% #8F9398	RGB 143 147 152	#8F9398
33.3%	33.3% #929AA5	RGB 146 154 165	#929AA5
50.0%	50.0% #95A1B2	RGB 149 161 178	#95A1B2
66.7%	66.7% #98A8BF	RGB 152 168 191	#98A8BF
83.3%	83.3% #9BAFCC	RGB 155 175 204	#9BAFCC
100.0%	100.0% #9EB6D9	RGB 158 182 217	#9EB6D9

#8D8D8C #8F9398 #929AA5 #95A1B2 #98A8BF #9BAFCC #9EB6D9

#8D8D8C - #9EB6D9

Miscela HSV

#8D8D8C - #9EB6D9 | 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 #8D8D8C come 0% e #9EB6D9 come 100%.

0.0%	0.0% #8D8D8C	RGB 141 141 140	#8D8D8C
16.7%	16.7% #969991	RGB 150 153 145	#969991
33.3%	33.3% #98A696	RGB 152 166 150	#98A696
50.0%	50.0% #9AB3A1	RGB 154 179 161	#9AB3A1
66.7%	66.7% #9CBFB6	RGB 156 191 182	#9CBFB6
83.3%	83.3% #9DC4CC	RGB 157 196 204	#9DC4CC
100.0%	100.0% #9EB6D9	RGB 158 182 217	#9EB6D9

#8D8D8C #969991 #98A696 #9AB3A1 #9CBFB6 #9DC4CC #9EB6D9

#8D8D8C - #9AB3A1 - #9EB6D9

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D8D8C 0%, #9AB3A1 50%, #9EB6D9 100%);
    background: -webkit-linear-gradient(top, #8D8D8C 0%, #9AB3A1 50%, #9EB6D9 100%);
    background: linear-gradient(to bottom, #8D8D8C 0%, #9AB3A1 50%, #9EB6D9 100%);
}
</style>