#3C2B5B - #C7C2D0 | 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 #3C2B5B a #C7C2D0

#3C2B5B #C7C2D0

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

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

0.0%	0.0% #3C2B5B	RGB 60 43 91	#3C2B5B
16.7%	16.7% #53446E	RGB 83 68 110	#53446E
33.3%	33.3% #6A5D82	RGB 106 93 130	#6A5D82
50.0%	50.0% #817695	RGB 129 118 149	#817695
66.7%	66.7% #988FA9	RGB 152 143 169	#988FA9
83.3%	83.3% #AFA8BC	RGB 175 168 188	#AFA8BC
100.0%	100.0% #C7C2D0	RGB 199 194 208	#C7C2D0

#3C2B5B #53446E #6A5D82 #817695 #988FA9 #AFA8BC #C7C2D0

#3C2B5B - #C7C2D0

Miscela HSV

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

0.0%	0.0% #3C2B5B	RGB 60 43 91	#3C2B5B
16.7%	16.7% #4E3C6E	RGB 78 60 110	#4E3C6E
33.3%	33.3% #625182	RGB 98 81 130	#625182
50.0%	50.0% #786995	RGB 120 105 149	#786995
66.7%	66.7% #9083A9	RGB 144 131 169	#9083A9
83.3%	83.3% #ABA1BC	RGB 171 161 188	#ABA1BC
100.0%	100.0% #C7C2D0	RGB 199 194 208	#C7C2D0

#3C2B5B #4E3C6E #625182 #786995 #9083A9 #ABA1BC #C7C2D0

#3C2B5B - #786995 - #C7C2D0

Codici CSS

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

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