#3669B5 - #172B59 | 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 #3669B5 a #172B59

#3669B5 #172B59

Calcola il colore tra due colori, #3669B5 e #172B59. 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)

#3669B5 - #172B59 | 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 #3669B5 come 0% e #172B59 come 100%.

0.0%	0.0% #3669B5	RGB 54 105 181	#3669B5
16.7%	16.7% #305EA5	RGB 48 94 165	#305EA5
33.3%	33.3% #2B5496	RGB 43 84 150	#2B5496
50.0%	50.0% #264A87	RGB 38 74 135	#264A87
66.7%	66.7% #213F77	RGB 33 63 119	#213F77
83.3%	83.3% #1C3568	RGB 28 53 104	#1C3568
100.0%	100.0% #172B59	RGB 23 43 89	#172B59

#3669B5 #305EA5 #2B5496 #264A87 #213F77 #1C3568 #172B59

#3669B5 - #172B59

Miscela HSV

#3669B5 - #172B59 | 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 #3669B5 come 0% e #172B59 come 100%.

0.0%	0.0% #3669B5	RGB 54 105 181	#3669B5
16.7%	16.7% #305DA5	RGB 48 93 165	#305DA5
33.3%	33.3% #2A5296	RGB 42 82 150	#2A5296
50.0%	50.0% #254787	RGB 37 71 135	#254787
66.7%	66.7% #203D77	RGB 32 61 119	#203D77
83.3%	83.3% #1B3468	RGB 27 52 104	#1B3468
100.0%	100.0% #172B59	RGB 23 43 89	#172B59

#3669B5 #305DA5 #2A5296 #254787 #203D77 #1B3468 #172B59

#3669B5 - #254787 - #172B59

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3669B5 0%, #254787 50%, #172B59 100%);
    background: -webkit-linear-gradient(top, #3669B5 0%, #254787 50%, #172B59 100%);
    background: linear-gradient(to bottom, #3669B5 0%, #254787 50%, #172B59 100%);
}
</style>