#3B5EEC - #6CB1FF | 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 #3B5EEC a #6CB1FF

#3B5EEC #6CB1FF

Calcola il colore tra due colori, #3B5EEC e #6CB1FF. 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)

#3B5EEC - #6CB1FF | 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 #3B5EEC come 0% e #6CB1FF come 100%.

0.0%	0.0% #3B5EEC	RGB 59 94 236	#3B5EEC
16.7%	16.7% #436BEF	RGB 67 107 239	#436BEF
33.3%	33.3% #4B79F2	RGB 75 121 242	#4B79F2
50.0%	50.0% #5387F5	RGB 83 135 245	#5387F5
66.7%	66.7% #5B95F8	RGB 91 149 248	#5B95F8
83.3%	83.3% #63A3FB	RGB 99 163 251	#63A3FB
100.0%	100.0% #6CB1FF	RGB 108 177 255	#6CB1FF

#3B5EEC #436BEF #4B79F2 #5387F5 #5B95F8 #63A3FB #6CB1FF

#3B5EEC - #6CB1FF

Miscela HSV

#3B5EEC - #6CB1FF | 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 #3B5EEC come 0% e #6CB1FF come 100%.

0.0%	0.0% #3B5EEC	RGB 59 94 236	#3B5EEC
16.7%	16.7% #426CEF	RGB 66 108 239	#426CEF
33.3%	33.3% #4A7AF2	RGB 74 122 242	#4A7AF2
50.0%	50.0% #5288F5	RGB 82 136 245	#5288F5
66.7%	66.7% #5A96F8	RGB 90 150 248	#5A96F8
83.3%	83.3% #63A4FB	RGB 99 164 251	#63A4FB
100.0%	100.0% #6CB1FF	RGB 108 177 255	#6CB1FF

#3B5EEC #426CEF #4A7AF2 #5288F5 #5A96F8 #63A4FB #6CB1FF

#3B5EEC - #5288F5 - #6CB1FF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5EEC 0%, #5288F5 50%, #6CB1FF 100%);
    background: -webkit-linear-gradient(top, #3B5EEC 0%, #5288F5 50%, #6CB1FF 100%);
    background: linear-gradient(to bottom, #3B5EEC 0%, #5288F5 50%, #6CB1FF 100%);
}
</style>