#C6BFE8 - #6B5EAC | 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 #C6BFE8 a #6B5EAC

#C6BFE8 #6B5EAC

Calcola il colore tra due colori, #C6BFE8 e #6B5EAC. 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)

#C6BFE8 - #6B5EAC | 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 #C6BFE8 come 0% e #6B5EAC come 100%.

0.0%	0.0% #C6BFE8	RGB 198 191 232	#C6BFE8
16.7%	16.7% #B6AEDE	RGB 182 174 222	#B6AEDE
33.3%	33.3% #A79ED4	RGB 167 158 212	#A79ED4
50.0%	50.0% #988ECA	RGB 152 142 202	#988ECA
66.7%	66.7% #897EC0	RGB 137 126 192	#897EC0
83.3%	83.3% #7A6EB6	RGB 122 110 182	#7A6EB6
100.0%	100.0% #6B5EAC	RGB 107 94 172	#6B5EAC

#C6BFE8 #B6AEDE #A79ED4 #988ECA #897EC0 #7A6EB6 #6B5EAC

#C6BFE8 - #6B5EAC

Miscela HSV

#C6BFE8 - #6B5EAC | 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 #C6BFE8 come 0% e #6B5EAC come 100%.

0.0%	0.0% #C6BFE8	RGB 198 191 232	#C6BFE8
16.7%	16.7% #B4ACDE	RGB 180 172 222	#B4ACDE
33.3%	33.3% #A49AD4	RGB 164 154 212	#A49AD4
50.0%	50.0% #958ACA	RGB 149 138 202	#958ACA
66.7%	66.7% #867AC0	RGB 134 122 192	#867AC0
83.3%	83.3% #786BB6	RGB 120 107 182	#786BB6
100.0%	100.0% #6B5EAC	RGB 107 94 172	#6B5EAC

#C6BFE8 #B4ACDE #A49AD4 #958ACA #867AC0 #786BB6 #6B5EAC

#C6BFE8 - #958ACA - #6B5EAC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6BFE8 0%, #958ACA 50%, #6B5EAC 100%);
    background: -webkit-linear-gradient(top, #C6BFE8 0%, #958ACA 50%, #6B5EAC 100%);
    background: linear-gradient(to bottom, #C6BFE8 0%, #958ACA 50%, #6B5EAC 100%);
}
</style>