#C46FD6 - #760A8C | 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 #C46FD6 a #760A8C

#C46FD6 #760A8C

Calcola il colore tra due colori, #C46FD6 e #760A8C. 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)

#C46FD6 - #760A8C | 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 #C46FD6 come 0% e #760A8C come 100%.

0.0%	0.0% #C46FD6	RGB 196 111 214	#C46FD6
16.7%	16.7% #B75EC9	RGB 183 94 201	#B75EC9
33.3%	33.3% #AA4DBD	RGB 170 77 189	#AA4DBD
50.0%	50.0% #9D3CB1	RGB 157 60 177	#9D3CB1
66.7%	66.7% #902BA4	RGB 144 43 164	#902BA4
83.3%	83.3% #831A98	RGB 131 26 152	#831A98
100.0%	100.0% #760A8C	RGB 118 10 140	#760A8C

#C46FD6 #B75EC9 #AA4DBD #9D3CB1 #902BA4 #831A98 #760A8C

#C46FD6 - #760A8C

Miscela HSV

#C46FD6 - #760A8C | 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 #C46FD6 come 0% e #760A8C come 100%.

0.0%	0.0% #C46FD6	RGB 196 111 214	#C46FD6
16.7%	16.7% #B659C9	RGB 182 89 201	#B659C9
33.3%	33.3% #A845BD	RGB 168 69 189	#A845BD
50.0%	50.0% #9B34B1	RGB 155 52 177	#9B34B1
66.7%	66.7% #8E24A4	RGB 142 36 164	#8E24A4
83.3%	83.3% #821698	RGB 130 22 152	#821698
100.0%	100.0% #760A8C	RGB 118 10 140	#760A8C

#C46FD6 #B659C9 #A845BD #9B34B1 #8E24A4 #821698 #760A8C

#C46FD6 - #9B34B1 - #760A8C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C46FD6 0%, #9B34B1 50%, #760A8C 100%);
    background: -webkit-linear-gradient(top, #C46FD6 0%, #9B34B1 50%, #760A8C 100%);
    background: linear-gradient(to bottom, #C46FD6 0%, #9B34B1 50%, #760A8C 100%);
}
</style>