#5E3E92 - #D58DAB | 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 #5E3E92 a #D58DAB

#5E3E92 #D58DAB

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

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

0.0%	0.0% #5E3E92	RGB 94 62 146	#5E3E92
16.7%	16.7% #714B96	RGB 113 75 150	#714B96
33.3%	33.3% #85589A	RGB 133 88 154	#85589A
50.0%	50.0% #99659E	RGB 153 101 158	#99659E
66.7%	66.7% #AD72A2	RGB 173 114 162	#AD72A2
83.3%	83.3% #C17FA6	RGB 193 127 166	#C17FA6
100.0%	100.0% #D58DAB	RGB 213 141 171	#D58DAB

#5E3E92 #714B96 #85589A #99659E #AD72A2 #C17FA6 #D58DAB

#5E3E92 - #D58DAB

Miscela HSV

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

0.0%	0.0% #5E3E92	RGB 94 62 146	#5E3E92
16.7%	16.7% #79489D	RGB 121 72 157	#79489D
33.3%	33.3% #9654A8	RGB 150 84 168	#9654A8
50.0%	50.0% #B261B3	RGB 178 97 179	#B261B3
66.7%	66.7% #BE6FB0	RGB 190 111 176	#BE6FB0
83.3%	83.3% #C97DAC	RGB 201 125 172	#C97DAC
100.0%	100.0% #D58DAB	RGB 213 141 171	#D58DAB

#5E3E92 #79489D #9654A8 #B261B3 #BE6FB0 #C97DAC #D58DAB

#5E3E92 - #B261B3 - #D58DAB

Codici CSS

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

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