#3519A8 - #ADDFED | 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 #3519A8 a #ADDFED

#3519A8 #ADDFED

Calcola il colore tra due colori, #3519A8 e #ADDFED. 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)

#3519A8 - #ADDFED | 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 #3519A8 come 0% e #ADDFED come 100%.

0.0%	0.0% #3519A8	RGB 53 25 168	#3519A8
16.7%	16.7% #493AB3	RGB 73 58 179	#493AB3
33.3%	33.3% #5D5BBF	RGB 93 91 191	#5D5BBF
50.0%	50.0% #717CCA	RGB 113 124 202	#717CCA
66.7%	66.7% #859DD6	RGB 133 157 214	#859DD6
83.3%	83.3% #99BEE1	RGB 153 190 225	#99BEE1
100.0%	100.0% #ADDFED	RGB 173 223 237	#ADDFED

#3519A8 #493AB3 #5D5BBF #717CCA #859DD6 #99BEE1 #ADDFED

#3519A8 - #ADDFED

Miscela HSV

#3519A8 - #ADDFED | 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 #3519A8 come 0% e #ADDFED come 100%.

0.0%	0.0% #3519A8	RGB 53 25 168	#3519A8
16.7%	16.7% #302CB3	RGB 48 44 179	#302CB3
33.3%	33.3% #4151BF	RGB 65 81 191	#4151BF
50.0%	50.0% #587ACA	RGB 88 122 202	#587ACA
66.7%	66.7% #729FD6	RGB 114 159 214	#729FD6
83.3%	83.3% #8EC1E1	RGB 142 193 225	#8EC1E1
100.0%	100.0% #ADDFED	RGB 173 223 237	#ADDFED

#3519A8 #302CB3 #4151BF #587ACA #729FD6 #8EC1E1 #ADDFED

#3519A8 - #587ACA - #ADDFED

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3519A8 0%, #587ACA 50%, #ADDFED 100%);
    background: -webkit-linear-gradient(top, #3519A8 0%, #587ACA 50%, #ADDFED 100%);
    background: linear-gradient(to bottom, #3519A8 0%, #587ACA 50%, #ADDFED 100%);
}
</style>