#A785A2 - #5E3C53 | 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 #A785A2 a #5E3C53

#A785A2 #5E3C53

Calcola il colore tra due colori, #A785A2 e #5E3C53. 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)

#A785A2 - #5E3C53 | 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 #A785A2 come 0% e #5E3C53 come 100%.

0.0%	0.0% #A785A2	RGB 167 133 162	#A785A2
16.7%	16.7% #9A7894	RGB 154 120 148	#9A7894
33.3%	33.3% #8E6C87	RGB 142 108 135	#8E6C87
50.0%	50.0% #82607A	RGB 130 96 122	#82607A
66.7%	66.7% #76546D	RGB 118 84 109	#76546D
83.3%	83.3% #6A4860	RGB 106 72 96	#6A4860
100.0%	100.0% #5E3C53	RGB 94 60 83	#5E3C53

#A785A2 #9A7894 #8E6C87 #82607A #76546D #6A4860 #5E3C53

#A785A2 - #5E3C53

Miscela HSV

#A785A2 - #5E3C53 | 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 #A785A2 come 0% e #5E3C53 come 100%.

0.0%	0.0% #A785A2	RGB 167 133 162	#A785A2
16.7%	16.7% #9A7794	RGB 154 119 148	#9A7794
33.3%	33.3% #8E6A87	RGB 142 106 135	#8E6A87
50.0%	50.0% #825D79	RGB 130 93 121	#825D79
66.7%	66.7% #76516C	RGB 118 81 108	#76516C
83.3%	83.3% #6A465F	RGB 106 70 95	#6A465F
100.0%	100.0% #5E3C53	RGB 94 60 83	#5E3C53

#A785A2 #9A7794 #8E6A87 #825D79 #76516C #6A465F #5E3C53

#A785A2 - #825D79 - #5E3C53

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A785A2 0%, #825D79 50%, #5E3C53 100%);
    background: -webkit-linear-gradient(top, #A785A2 0%, #825D79 50%, #5E3C53 100%);
    background: linear-gradient(to bottom, #A785A2 0%, #825D79 50%, #5E3C53 100%);
}
</style>