#1F3C5E - #6F8596 | 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 #1F3C5E a #6F8596

#1F3C5E #6F8596

Calcola il colore tra due colori, #1F3C5E e #6F8596. 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)

#1F3C5E - #6F8596 | 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 #1F3C5E come 0% e #6F8596 come 100%.

0.0%	0.0% #1F3C5E	RGB 31 60 94	#1F3C5E
16.7%	16.7% #2C4867	RGB 44 72 103	#2C4867
33.3%	33.3% #395470	RGB 57 84 112	#395470
50.0%	50.0% #47607A	RGB 71 96 122	#47607A
66.7%	66.7% #546C83	RGB 84 108 131	#546C83
83.3%	83.3% #61788C	RGB 97 120 140	#61788C
100.0%	100.0% #6F8596	RGB 111 133 150	#6F8596

#1F3C5E #2C4867 #395470 #47607A #546C83 #61788C #6F8596

#1F3C5E - #6F8596

Miscela HSV

#1F3C5E - #6F8596 | 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 #1F3C5E come 0% e #6F8596 come 100%.

0.0%	0.0% #1F3B5E	RGB 31 59 94	#1F3B5E
16.7%	16.7% #294667	RGB 41 70 103	#294667
33.3%	33.3% #345270	RGB 52 82 112	#345270
50.0%	50.0% #415E7A	RGB 65 94 122	#415E7A
66.7%	66.7% #4F6A83	RGB 79 106 131	#4F6A83
83.3%	83.3% #5E778C	RGB 94 119 140	#5E778C
100.0%	100.0% #6F8596	RGB 111 133 150	#6F8596

#1F3B5E #294667 #345270 #415E7A #4F6A83 #5E778C #6F8596

#1F3C5E - #415E7A - #6F8596

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F3B5E 0%, #415E7A 50%, #6F8596 100%);
    background: -webkit-linear-gradient(top, #1F3B5E 0%, #415E7A 50%, #6F8596 100%);
    background: linear-gradient(to bottom, #1F3B5E 0%, #415E7A 50%, #6F8596 100%);
}
</style>