#5E3549 - #DB53CF | 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 #5E3549 a #DB53CF

#5E3549 #DB53CF

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

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

0.0%	0.0% #5E3549	RGB 94 53 73	#5E3549
16.7%	16.7% #723A5F	RGB 114 58 95	#723A5F
33.3%	33.3% #873F75	RGB 135 63 117	#873F75
50.0%	50.0% #9C448C	RGB 156 68 140	#9C448C
66.7%	66.7% #B149A2	RGB 177 73 162	#B149A2
83.3%	83.3% #C64EB8	RGB 198 78 184	#C64EB8
100.0%	100.0% #DB53CF	RGB 219 83 207	#DB53CF

#5E3549 #723A5F #873F75 #9C448C #B149A2 #C64EB8 #DB53CF

#5E3549 - #DB53CF

Miscela HSV

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

0.0%	0.0% #5E3548	RGB 94 53 72	#5E3548
16.7%	16.7% #723D5B	RGB 114 61 91	#723D5B
33.3%	33.3% #87446E	RGB 135 68 110	#87446E
50.0%	50.0% #9C4983	RGB 156 73 131	#9C4983
66.7%	66.7% #B14E9A	RGB 177 78 154	#B14E9A
83.3%	83.3% #C651B3	RGB 198 81 179	#C651B3
100.0%	100.0% #DB53CF	RGB 219 83 207	#DB53CF

#5E3548 #723D5B #87446E #9C4983 #B14E9A #C651B3 #DB53CF

#5E3549 - #9C4983 - #DB53CF

Codici CSS

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

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