#5E4D9B - #DC9EB3 | 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 #5E4D9B a #DC9EB3

#5E4D9B #DC9EB3

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

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

0.0%	0.0% #5E4D9B	RGB 94 77 155	#5E4D9B
16.7%	16.7% #735A9F	RGB 115 90 159	#735A9F
33.3%	33.3% #8868A3	RGB 136 104 163	#8868A3
50.0%	50.0% #9D75A7	RGB 157 117 167	#9D75A7
66.7%	66.7% #B283AB	RGB 178 131 171	#B283AB
83.3%	83.3% #C790AF	RGB 199 144 175	#C790AF
100.0%	100.0% #DC9EB3	RGB 220 158 179	#DC9EB3

#5E4D9B #735A9F #8868A3 #9D75A7 #B283AB #C790AF #DC9EB3

#5E4D9B - #DC9EB3

Miscela HSV

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

0.0%	0.0% #5D4D9B	RGB 93 77 155	#5D4D9B
16.7%	16.7% #7B58A5	RGB 123 88 165	#7B58A5
33.3%	33.3% #9964B0	RGB 153 100 176	#9964B0
50.0%	50.0% #B771BB	RGB 183 113 187	#B771BB
66.7%	66.7% #C67FB9	RGB 198 127 185	#C67FB9
83.3%	83.3% #D18EB5	RGB 209 142 181	#D18EB5
100.0%	100.0% #DC9EB3	RGB 220 158 179	#DC9EB3

#5D4D9B #7B58A5 #9964B0 #B771BB #C67FB9 #D18EB5 #DC9EB3

#5E4D9B - #B771BB - #DC9EB3

Codici CSS

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

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