#5E40AD - #CF95C9 | 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 #5E40AD a #CF95C9

#5E40AD #CF95C9

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

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

0.0%	0.0% #5E40AD	RGB 94 64 173	#5E40AD
16.7%	16.7% #704EB1	RGB 112 78 177	#704EB1
33.3%	33.3% #835CB6	RGB 131 92 182	#835CB6
50.0%	50.0% #966ABB	RGB 150 106 187	#966ABB
66.7%	66.7% #A978BF	RGB 169 120 191	#A978BF
83.3%	83.3% #BC86C4	RGB 188 134 196	#BC86C4
100.0%	100.0% #CF95C9	RGB 207 149 201	#CF95C9

#5E40AD #704EB1 #835CB6 #966ABB #A978BF #BC86C4 #CF95C9

#5E40AD - #CF95C9

Miscela HSV

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

0.0%	0.0% #5E40AD	RGB 94 64 173	#5E40AD
16.7%	16.7% #764CB2	RGB 118 76 178	#764CB2
33.3%	33.3% #8D59B8	RGB 141 89 184	#8D59B8
50.0%	50.0% #A367BE	RGB 163 103 190	#A367BE
66.7%	66.7% #B676C3	RGB 182 118 195	#B676C3
83.3%	83.3% #C685C9	RGB 198 133 201	#C685C9
100.0%	100.0% #CF95C9	RGB 207 149 201	#CF95C9

#5E40AD #764CB2 #8D59B8 #A367BE #B676C3 #C685C9 #CF95C9

#5E40AD - #A367BE - #CF95C9

Codici CSS

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

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