#868293 - #3B2D5E | 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 #868293 a #3B2D5E

#868293 #3B2D5E

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

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

0.0%	0.0% #868293	RGB 134 130 147	#868293
16.7%	16.7% #79738A	RGB 121 115 138	#79738A
33.3%	33.3% #6D6581	RGB 109 101 129	#6D6581
50.0%	50.0% #605778	RGB 96 87 120	#605778
66.7%	66.7% #54496F	RGB 84 73 111	#54496F
83.3%	83.3% #473B66	RGB 71 59 102	#473B66
100.0%	100.0% #3B2D5E	RGB 59 45 94	#3B2D5E

#868293 #79738A #6D6581 #605778 #54496F #473B66 #3B2D5E

#868293 - #3B2D5E

Miscela HSV

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

0.0%	0.0% #868293	RGB 134 130 147	#868293
16.7%	16.7% #77708A	RGB 119 112 138	#77708A
33.3%	33.3% #696081	RGB 105 96 129	#696081
50.0%	50.0% #5C5278	RGB 92 82 120	#5C5278
66.7%	66.7% #50446F	RGB 80 68 111	#50446F
83.3%	83.3% #453866	RGB 69 56 102	#453866
100.0%	100.0% #3B2D5E	RGB 59 45 94	#3B2D5E

#868293 #77708A #696081 #5C5278 #50446F #453866 #3B2D5E

#868293 - #5C5278 - #3B2D5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #868293 0%, #5C5278 50%, #3B2D5E 100%);
    background: -webkit-linear-gradient(top, #868293 0%, #5C5278 50%, #3B2D5E 100%);
    background: linear-gradient(to bottom, #868293 0%, #5C5278 50%, #3B2D5E 100%);
}
</style>