#C58DB3 - #8F346F | 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 #C58DB3 a #8F346F

#C58DB3 #8F346F

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

#C58DB3 - #8F346F | 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 #C58DB3 come 0% e #8F346F come 100%.

0.0%	0.0% #C58DB3	RGB 197 141 179	#C58DB3
16.7%	16.7% #BC7EA7	RGB 188 126 167	#BC7EA7
33.3%	33.3% #B36F9C	RGB 179 111 156	#B36F9C
50.0%	50.0% #AA6091	RGB 170 96 145	#AA6091
66.7%	66.7% #A15185	RGB 161 81 133	#A15185
83.3%	83.3% #98427A	RGB 152 66 122	#98427A
100.0%	100.0% #8F346F	RGB 143 52 111	#8F346F

#C58DB3 #BC7EA7 #B36F9C #AA6091 #A15185 #98427A #8F346F

#C58DB3 - #8F346F

Miscela HSV

#C58DB3 - #8F346F | 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 #C58DB3 come 0% e #8F346F come 100%.

0.0%	0.0% #C58DB3	RGB 197 141 179	#C58DB3
16.7%	16.7% #BC7BA6	RGB 188 123 166	#BC7BA6
33.3%	33.3% #B36B9B	RGB 179 107 155	#B36B9B
50.0%	50.0% #AA5B8F	RGB 170 91 143	#AA5B8F
66.7%	66.7% #A14D84	RGB 161 77 132	#A14D84
83.3%	83.3% #984079	RGB 152 64 121	#984079
100.0%	100.0% #8F346F	RGB 143 52 111	#8F346F

#C58DB3 #BC7BA6 #B36B9B #AA5B8F #A14D84 #984079 #8F346F

#C58DB3 - #AA5B8F - #8F346F

Codici CSS

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

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