#5E3E77 - #DB878B | 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 #5E3E77 a #DB878B

#5E3E77 #DB878B

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

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

0.0%	0.0% #5E3E77	RGB 94 62 119	#5E3E77
16.7%	16.7% #724A7A	RGB 114 74 122	#724A7A
33.3%	33.3% #87567D	RGB 135 86 125	#87567D
50.0%	50.0% #9C6281	RGB 156 98 129	#9C6281
66.7%	66.7% #B16E84	RGB 177 110 132	#B16E84
83.3%	83.3% #C67A87	RGB 198 122 135	#C67A87
100.0%	100.0% #DB878B	RGB 219 135 139	#DB878B

#5E3E77 #724A7A #87567D #9C6281 #B16E84 #C67A87 #DB878B

#5E3E77 - #DB878B

Miscela HSV

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

0.0%	0.0% #5D3E77	RGB 93 62 119	#5D3E77
16.7%	16.7% #7A4887	RGB 122 72 135	#7A4887
33.3%	33.3% #985496	RGB 152 84 150	#985496
50.0%	50.0% #A96096	RGB 169 96 150	#A96096
66.7%	66.7% #B96C93	RGB 185 108 147	#B96C93
83.3%	83.3% #CA7990	RGB 202 121 144	#CA7990
100.0%	100.0% #DB878B	RGB 219 135 139	#DB878B

#5D3E77 #7A4887 #985496 #A96096 #B96C93 #CA7990 #DB878B

#5E3E77 - #A96096 - #DB878B

Codici CSS

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

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