#5E3B9F - #D18DBB | 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 #5E3B9F a #D18DBB

#5E3B9F #D18DBB

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

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

0.0%	0.0% #5E3B9F	RGB 94 59 159	#5E3B9F
16.7%	16.7% #7148A3	RGB 113 72 163	#7148A3
33.3%	33.3% #8456A8	RGB 132 86 168	#8456A8
50.0%	50.0% #9764AD	RGB 151 100 173	#9764AD
66.7%	66.7% #AA71B1	RGB 170 113 177	#AA71B1
83.3%	83.3% #BD7FB6	RGB 189 127 182	#BD7FB6
100.0%	100.0% #D18DBB	RGB 209 141 187	#D18DBB

#5E3B9F #7148A3 #8456A8 #9764AD #AA71B1 #BD7FB6 #D18DBB

#5E3B9F - #D18DBB

Miscela HSV

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

0.0%	0.0% #5E3B9F	RGB 94 59 159	#5E3B9F
16.7%	16.7% #7846A7	RGB 120 70 167	#7846A7
33.3%	33.3% #9152AF	RGB 145 82 175	#9152AF
50.0%	50.0% #A960B8	RGB 169 96 184	#A960B8
66.7%	66.7% #C06EC0	RGB 192 110 192	#C06EC0
83.3%	83.3% #C87DBC	RGB 200 125 188	#C87DBC
100.0%	100.0% #D18DBB	RGB 209 141 187	#D18DBB

#5E3B9F #7846A7 #9152AF #A960B8 #C06EC0 #C87DBC #D18DBB

#5E3B9F - #A960B8 - #D18DBB

Codici CSS

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

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