#5E5ACB - #D1CFF0 | 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 #5E5ACB a #D1CFF0

#5E5ACB #D1CFF0

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

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

0.0%	0.0% #5E5ACB	RGB 94 90 203	#5E5ACB
16.7%	16.7% #716DD1	RGB 113 109 209	#716DD1
33.3%	33.3% #8481D7	RGB 132 129 215	#8481D7
50.0%	50.0% #9794DD	RGB 151 148 221	#9794DD
66.7%	66.7% #AAA8E3	RGB 170 168 227	#AAA8E3
83.3%	83.3% #BDBBE9	RGB 189 187 233	#BDBBE9
100.0%	100.0% #D1CFF0	RGB 209 207 240	#D1CFF0

#5E5ACB #716DD1 #8481D7 #9794DD #AAA8E3 #BDBBE9 #D1CFF0

#5E5ACB - #D1CFF0

Miscela HSV

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

0.0%	0.0% #5D5ACB	RGB 93 90 203	#5D5ACB
16.7%	16.7% #6F6BD1	RGB 111 107 209	#6F6BD1
33.3%	33.3% #817DD7	RGB 129 125 215	#817DD7
50.0%	50.0% #9490DD	RGB 148 144 221	#9490DD
66.7%	66.7% #A7A4E3	RGB 167 164 227	#A7A4E3
83.3%	83.3% #BCB9E9	RGB 188 185 233	#BCB9E9
100.0%	100.0% #D1CFF0	RGB 209 207 240	#D1CFF0

#5D5ACB #6F6BD1 #817DD7 #9490DD #A7A4E3 #BCB9E9 #D1CFF0

#5E5ACB - #9490DD - #D1CFF0

Codici CSS

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

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