#1036C7 - #BAC5EF | 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 #1036C7 a #BAC5EF

#1036C7 #BAC5EF

Calcola il colore tra due colori, #1036C7 e #BAC5EF. 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)

#1036C7 - #BAC5EF | 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 #1036C7 come 0% e #BAC5EF come 100%.

0.0%	0.0% #1036C7	RGB 16 54 199	#1036C7
16.7%	16.7% #2C4DCD	RGB 44 77 205	#2C4DCD
33.3%	33.3% #4865D4	RGB 72 101 212	#4865D4
50.0%	50.0% #657DDB	RGB 101 125 219	#657DDB
66.7%	66.7% #8195E1	RGB 129 149 225	#8195E1
83.3%	83.3% #9DADE8	RGB 157 173 232	#9DADE8
100.0%	100.0% #BAC5EF	RGB 186 197 239	#BAC5EF

#1036C7 #2C4DCD #4865D4 #657DDB #8195E1 #9DADE8 #BAC5EF

#1036C7 - #BAC5EF

Miscela HSV

#1036C7 - #BAC5EF | 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 #1036C7 come 0% e #BAC5EF come 100%.

0.0%	0.0% #1036C7	RGB 16 54 199	#1036C7
16.7%	16.7% #284ACD	RGB 40 74 205	#284ACD
33.3%	33.3% #4260D4	RGB 66 96 212	#4260D4
50.0%	50.0% #5E77DB	RGB 94 119 219	#5E77DB
66.7%	66.7% #7B90E1	RGB 123 144 225	#7B90E1
83.3%	83.3% #99AAE8	RGB 153 170 232	#99AAE8
100.0%	100.0% #BAC5EF	RGB 186 197 239	#BAC5EF

#1036C7 #284ACD #4260D4 #5E77DB #7B90E1 #99AAE8 #BAC5EF

#1036C7 - #5E77DB - #BAC5EF

Codici CSS

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

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