#5E525D - #A871D6 | 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 #5E525D a #A871D6

#5E525D #A871D6

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

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

0.0%	0.0% #5E525D	RGB 94 82 93	#5E525D
16.7%	16.7% #6A5771	RGB 106 87 113	#6A5771
33.3%	33.3% #765C85	RGB 118 92 133	#765C85
50.0%	50.0% #836199	RGB 131 97 153	#836199
66.7%	66.7% #8F66AD	RGB 143 102 173	#8F66AD
83.3%	83.3% #9B6BC1	RGB 155 107 193	#9B6BC1
100.0%	100.0% #A871D6	RGB 168 113 214	#A871D6

#5E525D #6A5771 #765C85 #836199 #8F66AD #9B6BC1 #A871D6

#5E525D - #A871D6

Miscela HSV

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

0.0%	0.0% #5E525D	RGB 94 82 93	#5E525D
16.7%	16.7% #715C72	RGB 113 92 114	#715C72
33.3%	33.3% #826586	RGB 130 101 134	#826586
50.0%	50.0% #916B9A	RGB 145 107 154	#916B9A
66.7%	66.7% #9C6FAE	RGB 156 111 174	#9C6FAE
83.3%	83.3% #A471C2	RGB 164 113 194	#A471C2
100.0%	100.0% #A871D6	RGB 168 113 214	#A871D6

#5E525D #715C72 #826586 #916B9A #9C6FAE #A471C2 #A871D6

#5E525D - #916B9A - #A871D6

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E525D 0%, #916B9A 50%, #A871D6 100%);
    background: -webkit-linear-gradient(top, #5E525D 0%, #916B9A 50%, #A871D6 100%);
    background: linear-gradient(to bottom, #5E525D 0%, #916B9A 50%, #A871D6 100%);
}
</style>